Tutorial Belajar HTML

Cara Membuat Judul / Heading di HTML – tag h1

Written by adies

Setelah sebelumnya kita mempelajari Membuta Paragraf dengan Tag P, kali ini kita masih membahas tutorial html dasar yaitu tentang Heading Html

Heading HTML

Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu halaman web. Sekalipun sama-sama merupakan judul, tetapi heading berbeda dengan elemen <TITTLE> yang hanya muncul pada title bar dari suatu jendela browser, bukan di dalam web page.
HTML menyediakan 6 (enam) buah tingkat heading yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6> Heading level 1 biasanya merupakan judul yang paling penting atau judul utama, sedangkan heading level berikutnya merupakan bagian atau sub judul dari judul utama.
Tag heading <h1> memiliki ukuran huruf paling besar, sedangkan <h6> terkecil. Dan biasa tag heading akan tampil bold (hitam tebal).

Contoh tag heading

<!DOCTYPE html>
<html>
<head>
<title>Membuat heading</title>
</head>
<body>
<h1>ini heading judul dengan h1 </h1>
<h2>ini heading judul dengan h2 </h2>
<h3>ini heading judul dengan h3 </h3>
<h4>ini heading judul dengan h4 </h4>
<h5>ini heading judul dengan h5 </h5>
<h6>ini heading judul dengan h6 </h6>
</body>
</html>

Tag heading dan paragraf

Dalam halaman web sering kita temui heading dan juga paragraf serta sub heading. Berikut adalah cara membuatnya.

Contoh tag heading dan paragraf

<!DOCTYPE html>
<html>
<head>
<title>HTML heading</title>
</head>
<body>
<h1>Judul Content</h1>
<p>.....pembahasan.....</p>
<h2>Sub Judul</h2>
<p>.....pembahasan sub judul.....</p>
<h2>Sub Judul 2</h2>
<p>.....pembahasan sub judul 2.1.....</p>
<h2>Sub Sub Judul 2.1</h2>
<p>.....pembahasan sub sub judul 2.1....</p>
</body>
</html>

Begitulah cara membuat heading dalam html, heading ini sagat mudah dipahami. Selain heading, juga biasanya dalam website ada dafrat list yang memakai tag <ol>, <ul> dan <li>, kita akan pelajari di tutorial ini Cara Membuat Daftar List di HTML

About the author

adies

Ada Komentar?

×