-->
› ›
[Belajar HTML #6] Heading HTML

[Belajar HTML #6] Heading HTML

By October 09, 2019 0 Komen

Translate:

HTML Heading

Heading:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6


Heading HTML

Heading HTML didefinisikan dengan tag <h1> to <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 spasi putih (margin) sebelum dan sesudah heading.


Heading Penting

Mesin pencari menggunakan heading untuk mengindeks struktur dan konten halaman web Anda.

Pengguna sering membaca halaman dengan headingnya (judul). Penting untuk menggunakan heading untuk menunjukkan struktur dokumen.

Heading <h1> harus digunakan untuk heading utama, diikuti oleh heading <h2>, kemudian yang kurang penting heading <h3>, dan sebagainya.

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



Heading Yang Lebih Besar

Setiap heading HTML memiliki ukuran default. Namun, Anda bisa menentukan ukuran untuk heading apa pun dengan atribut style, menggunakan properti font-size CSS :

Contoh:

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

Contoh Jadi:

Heading 1



Aturan Horisontal HTML

<hr> tag mendefinisikan istirahat tematik di halaman HTML, dan yang paling sering ditampilkan sebagai aturan horisontal.

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

Catatan: Seperti garis horizantal diatas dengan logo SP ditengahnya, itu adalah atribut <hr> yang sudah dimodifikasi dengan CSS (Tutorialnya akan saya berikan dipostingan berbeda)

Contoh:

<h1>Ini adalah heading 1</h1>
<p>Ini beberapa teks</p>
<hr>
<h2>Ini adalah heading 2</h2>
<p>Ini beberapa teks</p>
<hr>
Cobalah sendiri


Elemen HTML <head>

Elemen <head> HTML adalah 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>

<p>The HTML head element contains meta data.</p>
<p>Meta data is data about the HTML document.</p>

</body>
</html>
Cobalah sendiri

Catatan: Metadata biasanya mendefinisikan judul dokumen, kumpulan karakter, gaya, skrip, dan informasi meta lainnya.


Referensi Tag HTML

Referensi tag berisi informasi tambahan tentang tag ini dan atributnya.

Anda akan belajar lebih banyak tentang tag dan atribut HTML di bab-bab selanjutnya dari tutorial ini.

Tag Description
<html> Menentukan akar dari dokumen HTML
<body> Menentukan isi dokumen
<head> Wadah untuk semua elemen kepala (judul, skrip, gaya, informasi meta, dan lainnya)
<h1> ke <h6> Menentukan Heading HTML
<hr> Mendefinisikan perubahan tematis dalam konten

Berlangganan update artikel terbaru via email:

0 Response to "[Belajar HTML #6] Heading HTML "

Post a Comment

Subscribe to: Post Comments (Atom)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel