Postingan kali ini kembali dengan pembahasan dasar-dasar html5, kali ini akan membahas tentang judul/ heading. Heading bisa kita gunakan untuk membuat memberi sebuah judul pada web, misalnya judul pada header, pada content, dan lain-lain.
Judul/ heading terbagi menjadi 6, dimana masing-masing mempunyai ukuran font, mempunyai spasi antar baris yang berbeda-beda secara otomatis. Heading dikenal pada html dengan tag <h1> sampai <h6>., dimana <h1> merupakan font terbesar dan <h6> merupakan font yang paling kecil. Untuk lebih jelasnya mari kita lihat contoh script dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>misdodol --heading--</title>
</head>
<body>
<h1>heading 1 (lihat sizenya)</h1>
<h2>heading 2 (lihat sizenya)</h2>
<h3>heading 3 (lihat sizenya)</h3>
<h4>heading 4 (lihat sizenya)</h4>
<h5>heading 5 (lihat sizenya)</h5>
<h6>heading 6 (lihat sizenya)</h6>
</body>
</html>
Perhatikan masing-masing tag diatas dari <h1> sampai dengan <h6> nanti hasilnya akan terlihat seperti gambar dibawah :
kita lihat setiap tag mempunyai ukuran dan jarak spasi masing-masing secara otomatis tanpa kita tambahkan tag <br/>. Mungkin sampai disini dulu postingan ini, semoga bermanfaat bagi kita semua. Jika kebingungan atau ada kejanggalan silahkan tinggalkan komentar. Terima kasih
No comments:
Post a Comment