HTML Headings

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.

Silahkan anda mencoba,

Semoga bermanfaat ya......
Jangan lupa tinggalin komentarmu lho.....Terima kasih

Silahkan anda lihat yang ini juga :






Mohon bantuannya untuk memperbaiki blog ini.


Jika Anda menemukan hal yang kurang berkenan atau tutorial yang belum bisa anda aplikasikan, Silahkan hubungi saya dengan menggunakan fasilitas Layanan umum. Dan saya akan selalu berusaha membalas keluhan anda serta memperbaiki kesalahan seceparnya.
Dan apabila anda merasa artikel /atau tutorial ini bermanfaat, silahkan bagikan ke teman Anda lewat tombol-tombol di disebelah kanan atas pada halaman ini...Terima kasih.

Tidak ada komentar:

Posting Komentar