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 :
|
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.
0 comments:
Post a Comment
Google/Blogger : Khusus yang punya Account Blogger.
Lainnya : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonim : Jika tidak ingin mempublikasikan profile anda (tidak disarankan).