Cara Membuat Judu/Heading di HTML terlengkap


Baca Juga

Cara Membuat Judu/Heading di HTML

Dalam bahasa pemrograman html menyediakan tag khusus yang digunakan untuk membuat judul suatu artikel atau konten. Istilah ini disebut dengan heading. Heading diletakkan terpisah dari paragraf, dan dibuat lebih besar dari isi pargraf. Guna untuk membedakan antara judul dan isi paragraf. berikut saya akan menjelaskan cara membuat judul h1 h2 h3 di html.

Tag heading didalam HTML terdiri dari 6 tingkatan yakni <h1>, <h2>, <h3>,<h4>, <h5>, dan <h6>. seperti judul artikel saya diatas yaitu cara membuat judul (heading) di HTML. Dapat diperhatikan bahwa secara otomatis tag heading akan ditampilkan oleh web browser dengan huruf tebal (bold). ukuran dari beberapa tingkatan tag heading juga bervariasi, dari tag <h1> yang paling besar hingga tag<h6> terkecil.
Baca juaga : pengertian website dan jenis jenisnya

Jadi fungsi dari tag heading ini adalah untuk mendefenisikan judul dari isi paragraf. Dibawah ini saya akanmemberikan contoh cara penggunaan dari tag heading sebagai berikut :

<html>
<head>
<title> Tag Heading </title>
<body>
 <h1>ini adalah heading 1 </h1>
 <h2>ini adalah heading 2 </h2>
 <h3>ini adalah heading 3 </h3>
 <h4>ini adalah heading 4 </h4>
 <h5>ini adalah heading 5 </h5>
 <h6>ini adalah heading 6 </h6>
</body>
</html>


Copy kan kode tersebut di notepad dan save dengan file.html Jika dijalankan maka hasilnya seperti gambar dibawah ini :
Cara Membuat Judu/Heading di HTML terlengkap

Dalam pengembangan suatu blog tentu para blogger sudah tidak asing lagi mendengar namnya tag heading ini. Biasanya pengembang blog membuat sebuah kontennya akan memberikan 1 tag <h1> pada sebuah halaman dan beberapa tag <h2>, <h3>, <h4>, dan beberapa tag <p>. dibawah ini adalah struktur sebuah konten atau artikel HTML sederhan dengan menggunakan tag paragraf.


<html>
<head>
<title> Tag Heading </title>
<body>
<h1>ini adalah heading 1 </h1>
<p> paragraf pembahasan artikel </p>
<h2>ini adalah heading 2 </h2>
  <p> paragraf pembahasan artikel </p>
<h3>ini adalah heading 3 </h3>
<p> paragraf pembahasan artikel </p>
<h4>ini adalah heading 4 </h4>
  <p> paragraf pembahasan artikel </p>
<h5>ini adalah heading 5 </h5>
  <p> paragraf pembahasan artikel </p>
<h6>ini adalah heading 6 </h6>
  <p> paragraf pembahasan artikel </p>
</body>
</html>

Jika dijalankan pada web browser maka hasilnya seperti gambar dibawah ini :
Cara Membuat Judu/Heading di HTML terlengkap

Dari contoh diatas kita sudah memiliki syarat untuk membuat sebuah artikel konten sederhana dengan HTML. Namun jika sobat ingin membuat konten tersebut dengan aturan tulisan garis miring, garis bawah maupun tebal. Selanjutnya saya akan membahas tentang tag <b>, <i>, <u>.


Subscribe to receive free email updates:

0 Response to "Cara Membuat Judu/Heading di HTML terlengkap"

Post a Comment