Mengenal Heading Pada Pemrograman Html

Hello guys...
Kita lanjut lagi yaah mencar ilmu pemrograman webnya. Setelah pada posting aku sebelumnya anda telah mengenal struktur HTML, maka pada posting aku kali ini mengenai heading pada HTML.

Heading merupakan salah satu dari sekian banyak elemen HTML. Elemen heading berfugsi untuk menciptakan judul dan sub judul pada halaman web (menurut versi saya). Heading terdiri dari ukuran teks mulai dari yang terbesar (judul pada halaman web) sampai ukuran teks yang paling kecil (biasa dipakai sebagai sub judul).

Heading terletak di dalam tag (tanda < >). Seperti pada struktur HTML, seluruh tag heading harus diberi tag penutupnya. Kalau tidak diberikan, maka akhirnya tidak akan ngefek mitra (Boleh dicoba nih!!!).


Macam-macam heading:
  1. <h1>Tulis judul di sini </h1>
  2. Heading 1, merupakan heading yang mempunyai ukuran teks terbesar, biasa dipakai sebagai judul di awal halaman web.

  3. <h2>Tulis sub-judul di sini </h2>
  4. Heading 2, merupakan heading yang mempunyai ukuran teks lebih kecil dari h1, biasa dipakai sebagai sub-judul.

  5. <h3>Tulis sub-judul di sini </h3>
  6. Heading 3, merupakan heading yang mempunyai ukuran teks lebih kecil dari h2, biasa dipakai sebagai sub-judul.

  7. <h4>Tulis sub-judul di sini </h4>
  8. Heading 4, merupakan heading yang mempunyai ukuran teks lebih kecil dari h3, biasa dipakai sebagai sub-judul.

  9. <h5>Tulis sub-judul di sini </h5>
  10. Heading 5, merupakan heading yang mempunyai ukuran teks lebih kecil dari h4, biasa dipakai sebagai sub-judul.

  11. <h6>Tulis sub-judul di sini </h6>
  12. Heading 6, merupakan heading yang mempunyai ukuran teks terkecil, biasa dipakai sebagai sub-judul.

Apabila masih galau dengan perbandingan ukuran masing-masing heading, silahkan lihat pada gambar di atas.

Contoh Script HTML untuk Heading:
<html>
   <head>
      <title>Membuat Heading</title>
   </head>
   <body>
      <h1>Motivasi Sukses</h1>
      <h2>Pengertian</h2>
      <h3>Motivasi</h3>
      <h4>Berpikir Positif</h4>
      <h5>Berkata positif</h5>
      <h6>Selalu berusaha</h6>

   </body>
</html>

Hasilnya:

Demikianlah pembahasan mengenai heading pada pemrograman HTML, atas kurang lebihnya aku mohon komentar berupa kritik dan saran yang membangun. Ok, terima kasih sudah mampir di blog saya... Selamat mencar ilmu yaah!!!

Subscribe to receive free email updates:

0 Response to "Mengenal Heading Pada Pemrograman Html"

Posting Komentar