Halaman

Minggu, 10 November 2013

Cara Membuat Header atau Judul pada laman HTML

Judul termasuk hal penting dalam dokumen HTML.

Header / Kepala / Judul HTML
Judul didefinisikan dengan tag <h1> sampai dengan <h6>.

<h1> mendefinisikan judul yang paling penting. <h6> mendefinisikan judul yang paling tidak penting.
<h1> akan menampilkan tulisan judul yang paling besar. <h6> judul paling kecil. (jika tidak menggunakan css)

Contoh
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Coba lihat hasilnya »

This is a heading

This is a heading

This is a heading

Catatan: Browser secara otomatis menambahkan beberapa ruang kosong (margin) atau jeda sebelum dan sesudah judul.

Apakah Header Penting?
Gunakan header HTML hanya untuk judul saja. Jangan gunakan header untuk membuat teks agar lebih BESAR atau tebal, itu tidak dianjurkan.

Mesin pencari menggunakan judul Anda ke indeks struktur dan isi dari halaman web Anda.

Karena pengguna dapat skim halaman Anda dengan judul, itu penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

H1 harus digunakan sebagai judul utama, diikuti oleh H2 judul, maka kurang penting judul H3, dan seterusnya.

HTML Garis
Tag <hr> menciptakan garis horizontal dalam sebuah halaman HTML.

Unsur jam dapat digunakan untuk konten terpisah:

Contoh
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
Coba lihat hasilnya »
This is a paragraph.

This is a paragraph.

This is a paragraph.
HTML Komentar
Komentar dapat dimasukkan ke dalam kode HTML untuk membuatnya lebih mudah dibaca dan dimengerti. Komentar diabaikan oleh browser dan tidak ditampilkan.

Komentar ditulis seperti ini:

Contoh

<!-- This is a comment -->

Catatan: Ada tanda seru setelah kurung buka, tetapi tidak sebelum kurung tutup.

Tip HTML - Cara Lihat Sumber HTML
Pernahkah Anda melihat halaman Web dan bertanya-tanya "Hei! Bagaimana mereka melakukan itu?"

Untuk mengetahuinya, klik kanan pada halaman dan pilih "View Source" (IE) atau "View Page Source" (Firefox), atau serupa bagi browser lainnya. Ini akan membuka jendela yang berisi kode HTML halaman.

Tidak ada komentar:

Posting Komentar