Belajar HTML : HTML Heading


HTML Heading



HTML heading ditulis dengan <h1> sampai dengan <h6>. Setiap angka memiliki simbol dari ukurun heading semakin kecil angka semakin besar tampilan heading.

_______________________________________________
<body>
       <h1> Heading 1 </h1>
       <h2> Heading 1 </h2>
       <h3> Heading 1 </h3>
       <h4> Heading 1 </h4>
       <h5> Heading 1 </h5>
       <h6> Heading 1 </h6>
</body>
_______________________________________________


Pentingnya Heading

Heading / Judul digunakan mesin pencari untuk meng index website dan struktur data didalamnya. Selalu gunakan heading untuk mendefinisikan judul, itu sangat penting untuk menunjukkan struktur data.

<h1> heading mendefinisikan judul utama. Diikuti dengan <h2>, <h3> dan seterusnya.



Ukuran Heading

Ukuran heading ditentukan oleh nomer heading. Tetapi jangan gunakan banyak heading <h1> dalam sebuah halaman. Gunakan <h2> untuk mendefinisikan bagian bagian dari halaman, Jika ukuran dari heading kurang memuaskan kamu bisa mengubah ukurannya menjadi lebih besar dengan cara berikut :

______________________________________________
<body>
        <h2 style="font-size:60px;"> Heading 2</h2>
</body>
______________________________________________

Beri ukuran heading sesuai keinginan dengan satuan pixel.



HTML Garis Horizontal

Dalam sebuah kasus kita mungkin saja ingin memberikan sebuah batas berupa haris sederhana dalam laman. Dengan tag <hr> akan memberikan garis horizontal di laman anda.

_________________________________________________
<body>
       <h2> Heading 2 bagian 1  </h2>
        <p> Selalu gunakan heading </p>
        <hr>
        <h2> Heading 2 bagian 2 </2>
        <p>  Heading bagus untuk penelurusan anda </p>
</body>
_________________________________________________




HTML <head> 

HTML <head> berbeda dengan HTML <h>. Tag <head> digunakan untuk mendefinisikan metadata laman website. Meta data tidak akan ditampilkan dilaman. Tag <head> Ditulis setelah <html> dan ditutup sebelum <body>.

_________________________________________________
<!doctype html>
<html>

<head>
      <title> Belajar HTML : Html heading </title>
      <meta charset="UTF-8">
</head>
<body>


</body>
</html>
_________________________________________________






Baca artikel sebelumnya di Belajar HTML : Attribut HTML Bag. 2 #6
Demikian artikel tentang Belajar HTML : HTML Heading #7
Lihat juga artikel selanjutnya Belajar HTML : Paragraf  #8


Komentar

Posting Komentar