 |
Assalamu'alaikum Wr.wb
Selamat siang
Pada kesempatan kali ini saya akan menjelasakan bagaimana membuat heading(Judul) dengan menggunakan tag html. Sebelum melanjutkan tutorial pembuatan heading perlu diketahui bahwa dalam penulisan tag heading ada beberapa hal yang harus dipahami yaitu:
- Secara default tag heading di dalam browser ditampilkan dalam bentuk huruf yang lebih tebal dan besar sehingga akan beda mana teks biasa dan judul.
- Tag heading mempunyai tag pembuka dan penutup yaitu : <h1> sebagai tag pembuka dan </h1> sebagai tag penutup.
- Tag heading terdiri dari enam tag yang dimulai dari tag <h1> sampai dengan <h6> sebagai berikut: <h1> Teks </h1>, <h2> Teks </h2>, <h3> Teks </h3>, <h4> Teks </h4>, <h5> Teks </h5>, <h6> Teks </h6>.
- Teks merupakan contoh teks yang dituliskan dalam diantara tag pembuka dan tag penutup pembuatan heading.
- Tag <h1> merupakan tag dengan output teks paling besar, Semakin besar angkanya maka teks yang ditampilkan semakin kecil, sebaliknya semakin kecil angkanya maka teks heading yang ditampilkan semakin besar.
<!DOCTYPE html>
<html>
<head>
<title> Pembuatan Heading Html </title>
</head>
<body>
<h1> Heading dengan tag h1 </h1>
<h2> Heading dengan tag h2 </h2>
<h3> Heading dengan tag h3 </h3>
<h4> Heading dengan tag h4 </h4>
<h5> Heading dengan tag h4 </h5>
<h6> Heading dengan tag h4 </h6>
</body>
</html>
<html>
<head>
<title> Pembuatan Heading Html </title>
</head>
<body>
<h1> Heading dengan tag h1 </h1>
<h2> Heading dengan tag h2 </h2>
<h3> Heading dengan tag h3 </h3>
<h4> Heading dengan tag h4 </h4>
<h5> Heading dengan tag h4 </h5>
<h6> Heading dengan tag h4 </h6>
</body>
</html>
Jika script diatas dijalankan di browser maka hasilnya sperti pada gambar dibawah ini:
 |
| Gambar Heading |
Demikian artikel tentang pembuatan heading pada html kurang lebihnya mohon maaf
Wassalamu'alaikum Wr.wb