Tag heading di dalam HTML terdiri dari 6 tingkatan, yaitu <h1>, <h2>, <h3>, <h4>, <h5>, dan <h6>. Tag heading secara default akan ditampilkan oleh web browser dengan abjad tebal (bold). Tampilan dari tag header juga dibentuk bertingkat. Tag header <h1> mempunyai ukuran abjad paling besar, sedangkan <h6> terkecil.
Berikut yaitu pola penggunaan tag heading di dalam HTML:
<!DOCTYPEhtml>
<html>
<head>
<title>penggunaan tag heading</title>
</head>
<body>
<h1>ini yaitu judul dengan h1 </h1>
<h2>ini yaitu judul dengan h2 </h2>
<h3>ini yaitu judul dengan h3 </h3>
<h4>ini yaitu judul dengan h4 </h4>
<h5>ini yaitu judul dengan h5 </h5>
<h6>ini yaitu judul dengan h6 </h6>
</body>
</html>
Kemuadin simpan dengan nama heading.html, dan jalankan pada browser maka akibatnya akan menyerupai berikut ini :
Biasanya dalam sebuah halaman akan ada hanya 1 tag <h1>, dan beberapa tag <h2> dan <h3> dengan beberapa tag <p>. Berikut yaitu pola struktur artikel HTML sederhana dengan memakai tag <p> dan beberapa tag heading:
<!DOCTYPE html>
<html>
<head>
<title>Point Website</title>
</head>
<body>
<h1>Judul Artikel</h1>
<p>pembahasan artikel</p>
<h2>Sub Judul Artikel 1</h2>
<p>pembahasan sub artikel 1</p>
<h2>Sub Judul Artikel 2</h2>
<p>pembahasan sub artikel 2.1</p>
<h2>Sub Sub Judul Artikel 2.1</h2>
<p>pembahasan sub sub artikel 2.1</p>
</body>
</html>
Maka bila dijalankan pada browser, makahasil nya akan menyerupai berikut :
Sekian tutorial aku perihal Cara Membuat Judul (heading) di HTML, supaya sanggup membantu teman-teman dalam mempelajari HTML. Untuk tutorial yang lain akan aku bahas pada tutorial selanjutnya.
No comments:
Post a Comment