Kita lanjut lagi yaah belajar pemrograman webnya. Setelah pada posting saya sebelumnya anda telah mengenal struktur HTML, maka pada posting saya kali ini mengenai heading pada HTML.
Heading merupakan salah satu dari sekian banyak elemen HTML. Elemen heading berfugsi untuk membuat judul dan sub judul pada halaman web (menurut versi saya). Heading terdiri dari ukuran teks mulai dari yang terbesar (judul pada halaman web) hingga ukuran teks yang paling kecil (biasa digunakan sebagai sub judul).
Heading terletak di dalam tag (tanda < >). Seperti pada struktur HTML, seluruh tag heading harus diberi tag penutupnya. Kalau tidak diberikan, maka hasilnya tidak akan ngefek kawan (Boleh dicoba nih!!!).
Macam-macam heading:
- <h1>Tulis judul di sini </h1> Heading 1, merupakan heading yang memiliki ukuran teks terbesar, biasa digunakan sebagai judul di awal halaman web.
- <h2>Tulis sub-judul di sini </h2> Heading 2, merupakan heading yang memiliki ukuran teks lebih kecil dari h1, biasa digunakan sebagai sub-judul.
- <h3>Tulis sub-judul di sini </h3> Heading 3, merupakan heading yang memiliki ukuran teks lebih kecil dari h2, biasa digunakan sebagai sub-judul.
- <h4>Tulis sub-judul di sini </h4> Heading 4, merupakan heading yang memiliki ukuran teks lebih kecil dari h3, biasa digunakan sebagai sub-judul.
- <h5>Tulis sub-judul di sini </h5> Heading 5, merupakan heading yang memiliki ukuran teks lebih kecil dari h4, biasa digunakan sebagai sub-judul.
- <h6>Tulis sub-judul di sini </h6> Heading 6, merupakan heading yang memiliki ukuran teks terkecil, biasa digunakan sebagai sub-judul.
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>
<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 saya mohon komentar berupa kritik dan saran yang membangun. Ok, terima kasih sudah mampir di blog saya... Selamat belajar yaah!!!
No comments:
Post a Comment