Heading. Biasanya dipakai buat judul, sub judul dsb. Kalo pernah make MS Word pasti tau deh.. Dalam HTML heading dimulai dari HEADING 1 sampai HEADING 6, tapi paling sering dipakai cuma sampai HEADING 3.
Tag nya sebagai berikut, seperti biasa ditulis diantara tag <body> </body>.
-----------------mulai kode html----------------------
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
-----------------akhir kode html----------------------
Coba anda buat file HTML baru dengan nama: heading.html
-----------------mulai kode html---------------------
<html>
<head>
<title>Belajar Heading</title>
</head>
<body>
Contoh Heading
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</body>
</html>
-----------------akhir kode html----------------------
Hasilnya seperti anda lihat Heading 1 memiliki font-size terbesar dan heading 6 yang terkecil.
Paragraf. Biasanya untuk tulisan yang panjang. Tag nya adalah:
-----------------mulai kode html----------------------
<p>Kalimat panjang disini, pendek juga boleh</p>
-----------------akhir kode html----------------------
Garis horisontal. Tag nya adalah
-----------------mulai kode html----------------------
<hr>
-----------------akhir kode html----------------------
Line Break. Spasi kebawah, kalau di aplikasi word processor pas kita mencet Enter hehehe.... Pada kode HTML percuma jika anda ingin membuat sebuah teks turun dengan menggunakan Enter berulang kali. Maka itu gunakan line break.
Tag nya:
-----------------mulai kode html----------------------
<br>
-----------------akhir kode html----------------------
Jika anda lihat, tag <hr> dan <br> tidak mempunyai tag penutup. Saya tidak salah tulis, tapi memang sudah begitu aturan nya, hehehhehehe....
Berikut adalah contoh komplit nya.
buat file baru pada folder latihan anda.
-----------------mulai kode html---------------------
<html>
<head>
<title>Belajar Heading, Paragraf, Line Break dan Garis Horisontal</title>
</head>
<body>
<h1>Kalimat dengan Heading 1</h1>
<p>Disini lah menu utama ditulis. Kalimat ini diapit tag paragraf</p>
<h2>Kalimat dengan Heading 2</h2>
Ini Tidak diapit paragraf<br>
Kalimat ini turun karena ada line break.
<h3>Kalimat dengan Heading 3</h3>
Setelah kalimat ini ada sebuah garis horisontal<br>
<hr>
</body>
</html>
-----------------akhir kode html----------------------
save dengan nama: belajar-hplg.html atau dengan nama lain ya terserah anda.
Hasilnya dapat anda lihat pada gambar berikut.
Oke, sampai jumpa pada artikel lainnya...
Ndi, udah Dita link ke sini. Keep up the good work. Ciayo!!!
BalasHapus