HTML Headings

Headings atau Judul Post merupakan elemen structural dari HTML Yaitu sebuah tanda yang menentukan level atau tingkatan dari sebuah tulisan seperti tag <h1><h2><h2> dan seterusnya, tag ini menampilkan tulisan lebih tebal dan besar yang digunakan sebagai penulisan judul.

Headings atau Judul Post ditandai dengan tag <h1> hungga <h6> dan seterusnya.
<h1> Untuk penulisan judul terbesat, dan hingga <h6> untuk menuliskan judul yang lebih kecil.
Berikut cara penulisan :

<h1>Teks Judul atau Headings 1</h1> <h2>Teks Judul atau Headings 2</h2> <h3>Teks Judul atau Headings 3</h3> <h4>Teks Judul atau Headings 4</h4> <h5>Teks Judul atau Headings 5</h5> <h6>Teks Judul atau Headings 6</h6>

Dan berikut hasilnya :

Teks Judul atau Headings 1 Teks Judul atau Headings 2 Teks Judul atau Headings 3 Teks Judul atau Headings 4 Teks Judul atau Headings 5 Teks Judul atau Headings 6

Catatan :

Browser secara otomatis menambahkan Spasi kosong sebelum dan sesudah heading atau judul.

Pentingnya Judul atau Headings

Mesin pencari menggunakan judul Anda untuk mengindeks seluruh isi dari halaman web Anda.
Karena pembaca dapat mengerti isi halaman Anda dengan judul tersebut, jadi sangat penting untuk menggunakan pos untuk menunjukkan struktur dokumen.
H1  harus digunakan sebagai judul utama, diikuti dengan sub judul H2, kemudian H3 , dan seterusnya.
Gunakan HTML judul untuk judul saja. Jangan gunakan judul untuk membuat teks besar atau tebal.


HTML Lines atau Garis

Tag <hr/> menciptakan  sebuah garis horizontal pada sebuah halaman HTML.

Unsur "hr" dapat digunakan untuk memisahkan sebuah konten atau paragraf teks:

<p> Ini adalah sebuah paragraf </ p> <hr /> <p> Ini adalah sebuah paragraf </ p> <hr /> <p> Ini adalah sebuah paragraf </ p>

Hasilnya sebagai berikut :

Ini adalah sebuah paragraf Ini adalah sebuah paragraf Ini adalah sebuah paragraf

HTML Komentar

Komentar atau Html yang digunakan untuk menjekaskan bagian-bagian pada elemen Html, dan Html komenter dapat disisipkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Html Komentar diabaikan atau tidak terbaca oleh browser dan tidak ditampilkan pada halaman browser.

Contoh penulisannya sebagai berikut :

<!-- columns --> <p>Ini adalah sebuah paragraf / konten "columns"</p> <!-- main --> <p>Ini adalah sebuah paragraf /  konten "main"</p> <!-- content --> <p>Ini adalah sebuah paragraf  / konten  "content"</p>

Catatan :

Ada tanda seru setelah kurung buka, tetapi tidak sebelum kurung penutup.

Berikut hasilnya dan Html komentar tidak terbaca :

Ini adalah sebuah paragraf / konten "columns" Ini adalah sebuah paragraf /  konten "main" Ini adalah sebuah paragraf  / konten  "content"

Pernahkah Anda melihat sebuah halaman Web dan bertanya-tanya "seperti apa cara penulisan dalam kode Html ... ?!". Silahkan anda bisa coba lihat sekumpulan HTML pada halaman sebuah web.

Caranya, klik kanan pada halaman web dan pilih "View Source" (IE) atau "View Page Source" (Firefox), atau serupa untuk browser lainnya. Ini akan membuka jendela yang berisi kode HTML dari halaman web tersebut.

OK....Selamat membaca artikel yang lain dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini. 

Related Articles :
Baca artikel lain :

Informasi Artikel :
	Judul : "HTML Headings" Diulas Oleh : Noercholis | Minggu, 14 Agustus 2011 | 14.35 Description : Headings atau Judul Post merupakan elemen structural dari HTML Yaitu sebuah tanda yang menentukan level atau tingkatan dari sebuah tulisa... Label : HTML,HTML Dasar Rating : 6.4 Dari 10, Berdasarkan 000+ Dari 0 000+ Pengunjung.
Sampai saat ini baru ada : 0 komentar >>> Silahkan tambahkan komentar Anda...