Dec 12, 2008

Heading

Heading

Untuk membuat header suatu dokument websites yaitu dengan menggunakan tags <h1>, <h2>, <h3>, <h4>, <h5>, <h6>. h1 sampai h6 adalah menyatakan ukuran font header. h1 adalah merupakan ukuran terbesar sedangkan h6 adalah kebalikannya. Contoh dalam membuat Header

Source (Kode) Output (Tampilan)

<html> <body> <h1> contoh heading 1 </h1> <h2> contoh heading 2 </h2> <h3> contoh heading 3 </h3> <h4> contoh heading 4 </h4> <h5> contoh heading 5 </h5> <h6> contoh heading 6 </h6> </body> </html>

contoh heading 1

contoh heading 2

contoh heading 3

contoh heading 4

contoh heading 5
contoh heading 6
Atribut Header

<html> <body> <h1 align="left"> Header1 posisi kiri </h1> <h2 align="center"> Header2 posisi tengah </h2> <h3 align="right"> Header3 posisi kanan </h3> <h4 align="left"> Header4 posisi kiri </h4> </body> </html>

Header1 posisi kiri

Header2 posisi tengah

Header3 posisi kanan

Header4 posisi kiri

Penggunaan Style

<html> <body> <h3 align="center" style="background-color:pink; font-family:verdana; color:black; text-transform:uppercase;"> Header3 posisi tengah </h3> </body> </html>

Header3 posisi tengah

Keterangan: Align : Berfungsi untuk penempatan posisi huruf secara horisontal (kanan, tengah dan kiri) Style : Background-color : menyatakan background warna pada header text-transform : perubahan huruf (dalam contoh menggunakan uppercase (huruf besar) bisa diganti dengan lowercase (huruf kecil) font-family : Menyatakan jenis huruf (bisa diganti dengan verdana, arial, times, etc..) color : menyatakan warna huruf (bisa diganti dengan ungu, blue, pink, etc.....)

1 comment:

JoVie said...

o'ow baru tahu nih...:"> makasih bang zalmin,