Cara Membuat Heading Pada HTML

Teks dalam dokumen umumnya mempunya judul topic. Pada teks html judul ini disebut heading. Heading tulisan akan ditampikan dengan huruf besar dan ditebalkan. Heading juga sering digunakan untuk penekanan makna dari suatu kata atau kalimat yang akan dituliskan.

Ada 6 tingkat heading didalam html yang dinomori dari satu sampai enam. Nomor satu merupakan nomor yang terbesar, dan nomor enam adalah nomor yang terkecil. Setiap heading dituliskan dengan tag <h1> dan ditutup dengan tag </h1>.


Contoh:
<h1> Heading satu </h1>

Tag heading mempunyai atribut yang digunakan untuk mengatur letak heading dalam baris-align.
•    Kiri – left (default)
•    Tengah – center
•    Kanan –right

Agar lebih jelas buka notepad anda dan ketikkan listing berikut :

<html>  
 <head>  
 <title> Heading </title>  
 </head>  
 <body>  
 <h1> Ini heading 1 </h1>  
 <h2> Ini heading 2 </h2>  
 <h3> Ini heading 3 </h3 >  
 <h4> Ini heading 4 </h5>  
 <h5> Ini heading 5 </h5>  
 <h6> Ini heading 6</h6>  
 <p> Gunakan tag heading hanya untuk penulisan heading.  
 <br> Jangan gunakan tag ini hanya untuk memperbesar suatu teks. </p>  
 </body>  
 </html>  


Simpan sebagai heading.html dan hasilnya akan seperti  gambar dibawah ini :


Selanjutnya untuk men gatur tata letak heading dalam baris –align, ketikkan listing berikut :

<!—heading 2-->  
 <html>  
 <head>  
 <title> Heading dengan alignment </title>  
 </head>  
 <body>  
 <h1> Heading Kiri </h1>  
 <br> Heading Kiri adalah heading Default. Tanpa harus menuliskan pasisi “left” seperti di bawah, posisi heading secara default akan berada di kiri.  
 <h1 align =”left”> Heading Kiri </h1>  
 <h1 align =”center”> Heading Kanan </h1>  
 <h1 align =”right”> Heading Kanan </h1>  
 </body>  
 </html>  

Setelah di save dan dijalankan pada browser maka hasilnya akan tampak seperti gambar dibawah .



Demikian Semoga bermanfaat....
Previous
Next Post »