Heading HTML - Purwana.Net
  Media Belajar membuat Software Aplikasi, Website, & Game untuk Pemula...

Post Top Ad

Minggu, 01 Januari 2017

Heading HTML

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Heading HTML

Heading didefinisikan dengan tag <h1> sampai <h6>.

<h1> mendefinisikan heading yang paling penting. <h6> mendefinisikan heading yang paling tidak penting.

Contoh

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Catatan: Browser secara otomatis menambahkan beberapa ruang (margin) sebelum dan sesudah heading.


Pentingnya Headings

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

Pengguna meluncur ke halaman web melalui headings. Hal ini penting menggunakan heading untuk menunjukkan struktur dokumen.

<h1> heading harus digunakan untuk judul utama, diikuti oleh heading <h2>, kemudian <h3>, dan seterusnya.

Catatan: Gunakan heading HTML untuk heading saja. Jangan gunakan heading untuk membuat teks BESAR atau tebal.


Heading yang Lebih Besar

Setiap heading HTML memiliki ukuran default. Namun, Kita dapat menentukan ukuran untuk setiap heading dengan atribut style:

Contoh

<h1 style="font-size:60px;">Heading 1</h1>

Garis Horizontal HTML

<hr> mendefinisikan penggalan tematik di halaman HTML, dan yang paling sering ditampilkan sebagai garis horisontal.

Elemen <hr> digunakan untuk memisahkan konten (atau menentukan perubahan) dalam sebuah halaman HTML:

Contoh

<h1>Ini heading 1</h1>
<p>Ini sebuah text.</p>
<hr>
<h2>Ini heading 2</h2>
<p>Ini sebuah teks lainnya.</p>
<hr>

Elemen <head> HTML

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

Elemen <Head> merupakan wadah untuk metadata. metadata HTML adalah data tentang dokumen HTML. Metadata tidak ditampilkan.

Elemen <Head> ditempatkan di antara tag <html> dan tag <body>:

Contoh

<!DOCTYPE html>
<html>

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

<body>
.
.
.

Catatan: Metadata biasanya menentukan judul dokumen, set karakter, gaya, link, script, dan informasi meta lainnya.


Cara Melihat Source Kode HTML?

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

Lihat Source Code HTML:

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

Periksa Elemen HTML:

Klik kanan pada sebuah elemen (atau area kosong), dan pilih "Inspect" atau "Inspect Element" untuk melihat unsur-unsur apa yang ada (Anda akan melihat baik Kode HTML dan CSS). Anda juga dapat mengedit HTML atau CSS on-the-fly di Elements atau Styles panel yang terbuka.

Referensi Tag HTML

W3Schools' referensi tag berisi informasi tambahan tentang tag dan atribut mereka.

Kita akan belajar lebih banyak tentang tag HTML dan atribut dalam bab-bab selanjutnya dari tutorial ini.
Tag Deskripsi
<html> Mendefinisikan root dari dokumen HTML
<body> Mendefinisikan badan dokumen
<head> Sebuah kontainer untuk semua elemen head (title, scripts, styles, informasi meta, and banyak lagi)
<h1> s.d. <h6> Mendefinisikan heading HTML
<hr> Mendefinisikan perubahan tematik di dalam konten berbentuk garis horisontal

Post Top Ad