Judul adalah hal terpenting dalam memberikan suatu informasi awal yang terdapat pada suatu tulisan. Kali ini saya akan membahas mengenai pembuatan judul.
Judul didefinisikan dengan menggunakan tag <h1>
sampai <h6>. <h1> mendefinisikan huruf judul yang paling besar, dan <h6> yang terkecil. Untuk latihan coba kamu bikin file HTML berikut ini dan perhatikan hasilnya.

<h1>Ini Judul</h1>
<h2>Ini Judul</h2>
<h3>Ini Judul</h3>
<h4>Ini Judul</h4>
<h5>Ini Judul</h5>
<h6>Ini Judul</h6>


Hasilnya akan seperti ini di bawah ini:

HTML secara otomatis akan menambahkan baris kosong sebelum dan sesudah judul.

Anda pun dapat menambahkan attribute lain, misalkan untuk memberi warna pada teks, yaitu dengan menggunakan attribute “style”, contoh:
<h1 style="color:blue"> Ini Judul</h1>
Hasilnya akan seperti ini:



Bila anda ingin mengubah posisi judul, anda dapat menggunakan tag “align=”,contoh:

<h1 align="left" >Ini Judul</h1>
<h1 align="right"> Ini Judul</h1>
<h1 align="justify" >Ini Judul</h1>
<h1 align="center" >Ini Judul</h1>

Hasilnya akan seperti ini:




Bila anda ingin menggabungkan attribute keduanya, anda tak perlu membuat tak tersebut kembali,anda hanya tinggal masukkan saja attribute pada tag tersebut,contoh penulisan tag kembali/penulisan yang salah:
<h1 align="center" > <h1 style="color:blue" >Ini Judul</h1>





Bila anda menulis seperti itu, hasilnya hanya akan teks berwarna biru saja, teks tetap berada di sebelah kiri .
Penulisan yang benar adalah sebagai berikut:
<h1 style="color:blue" align="center" >Ini Judul</h1>




Dan yang harus anda ingat, bila sudah jangan lupa tutup kembali tag tersebut.
Cukup sampai disini dulu ya.....!!!! Sekarang tinggal kalian coba dan kembangkan, semoga berhasil, selamat mencoba...........

Read Users' Comments (0)