Tutorial HTML Bag 9: Tag Judul/Heading
Tutorial HTML Bag 9: Tag Judul/Heading| Lanjutan dari tutorial html bagian 8 tentang tag paragraf, kali tentang tag judul. Tutorial ini dibuat untuk siswa/siswi SMK pada mata dilkat pemrograman web dasar.
HTML menyediakan 6 buah tag yang digunakan untuk menentukan ukuran judul yang disimpan dalam body. 6 tag judul tersebut:
Contoh:
Jika ditampilkan menggunakan Browser, hasilnya:
Seperti pada tag paragraf <p>, tag judul juga memiliki atribut ALIGN, dengan nilai:
Jika ditampilkan menggunakan Browser, hasilnya:
Demikian Tutorial HTML Bag 9: Tag Judul/Heading ini mudah-mudahan bermanfaat, dan dapat dipelajari kembali sesuai kebutuhan masing-masing siswa. Selamat berjumpa di tutorial berikutnya!
HTML menyediakan 6 buah tag yang digunakan untuk menentukan ukuran judul yang disimpan dalam body. 6 tag judul tersebut:
- <h1>...........</h1>
- <h2>...........</h2>
- <h3>...........</h3>
- <h4>...........</h4>
- <h5>...........</h5>
- <h6>...........</h6>
<html>
<head>
<title>Menampilkan Tag H1-H6</title>
<body>
<h1>Contoh tampilan tag H1</h1>
<h2>Contoh tampilan tag H2</h2>
<h3>Contoh tampilan tag H3</h3>
<h4>Contoh tampilan tag H4</h4>
<h5>Contoh tampilan tag H5</h5>
<h6>Contoh tampilan tag H6</h6>
</body>
</head>
</html>
Jika ditampilkan menggunakan Browser, hasilnya:
Seperti pada tag paragraf <p>, tag judul juga memiliki atribut ALIGN, dengan nilai:
- Left, merupakan nilai default, untuk mengatur text rata kiri
- Center, untuk mengatur text rata tengah
- Right, untuk mengatur text rata kanan
- Justify,untuk mengatur rata kiri-kanan
<html>
<head>
<title>Menampilkan Tag dengan atribut ALIGN</title>
<body>
<h3 align="left">Atribut ALIGN berisi nilai rata kiri, teks H3</h3>
<h3 align="center">Atribut ALIGN berisi nilai rata tengah, teks H3</h3>
<h3 align="right">Atribut ALIGN berisi nilai rata kanan, teks H3</h3>
</body>
</head>
</html>
Jika ditampilkan menggunakan Browser, hasilnya:
Atribut ALIGN berisi nilai rata kiri, teks H3
Atribut ALIGN berisi nilai rata tengah, teks H3
Atribut ALIGN berisi nilai rata kanan, teks H3
Demikian Tutorial HTML Bag 9: Tag Judul/Heading ini mudah-mudahan bermanfaat, dan dapat dipelajari kembali sesuai kebutuhan masing-masing siswa. Selamat berjumpa di tutorial berikutnya!
No comments