Wednesday, September 2, 2015

Heading HTML

6:50 PM Posted by Indra Susanto No Comments

Penggunaan Heading pada dokumen HTML sangat dianjurkan, bahkan hal tersebut menjadi syarat yang paling penting.

Heading HTML

Penulisan heading pada dokumen HTML didefinisikan dengan tag <h1> hingga <h6>.

<h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan heading yang setidaknya juga penting.

Contoh:

<h1>Ini adalah heading</h1>
<h2>Ini adalah heading</h2>
<h3>Ini adalah heading</h3>

Catatan: Browser secara otomatis menambahkan beberapa ruang kosong (margin) sebelum dan setelah setiap heading.

Heading Sangat Penting

Gunakan heading HTML untuk judul saja. Jangan gunakan heading untuk membuat teks berukuran BESAR atau tebal.

Mesin pencari menggunakan heading Anda untuk melakukan indeks struktur dan isi dari halaman web Anda.

Pengguna menggunakan skim halaman Anda dengan menggunakan judul nya. Hal ini penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

Heading h1 harus judul utama, diikuti oleh heading h2, dan heading h3, dan begitu seterusnya.

Garis Horisontal HTML

Tag <hr> digunakan untuk membuat garis horisontal dalam sebuah halaman HTML.

Unsur hr dapat digunakan untuk konten pemisah:

Contoh:

<p>Ini adalah paragraph.</p>
<hr>
<p>Ini adalah paragraph.</p>
<hr>
<p>Ini adalah paragraph.</p>

Elemen Head HTML

Elemen HTML <head> tidak ada hubungannya dengan judul HTML.

Elemen HTML <head> berisi data meta. Meta data tidak ditampilkan.

Elemen HTML <head> ditempatkan di antara <html> tag dan <body>:

Contoh:

<!DOCTYPE html>
<html>

<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>

<body>
.
.
.

Meta data berarti data tentang data. Meta data HTML adalah data tentang dokumen HTML.

Elemen HTML <title>

Elemen HTML <title> meta data. Mendefinisikan judul dokumen HTML.

Judul tidak akan ditampilkan dalam dokumen, tapi mungkin ditampilkan di tab browser.

Elemen HTML <meta>

Elemen HTML <meta> juga meta data.

Hal ini dapat digunakan untuk mendefinisikan set karakter, dan informasi lain tentang dokumen HTML.

Meta Elemen yang Lain

Dalam tutorial tentang gaya HTML Anda akan menemukan lebih banyak unsur meta:

Elemen HTML <style> yang digunakan untuk mendefinisikan style sheet CSS internal.

Elemen HTML <link> yang digunakan untuk mendefinisikan eksternal CSS style sheet.

HTML Tip - Cara Lihat Sumber HTML

Apakah Anda pernah melihat halaman Web dan bertanya-tanya "Hei! Bagaimana mereka melakukan itu?"

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