Heading/Judul HTML
SESUAI namanya, heading atau judul dapat menggambarkan secara keseluruhan dari artikel yang kita tulis.
Pada umumnya judul selalu lebih besar dan tebal dibanding teks biasa dalam paragraf.
Dalam dokumen HTML, judul didefinisikan dengan tag <h1> hingga <h6>.
<h1> menentukan judul yang paling penting.
<h6> mendefinisikan judul yang paling tidak penting.
<h1>Judul 1</h1>
<h2>Judul 2</h2>
<h3>Judul 3</h3>
<h4>Judul 4</h4>
<h5>Judul 5</h5>
<h6>Judul 6</h6>
Browser secara otomatis menambahkan spasi putih (margin) sebelum dan sesudah heading.<h2>Judul 2</h2>
<h3>Judul 3</h3>
<h4>Judul 4</h4>
<h5>Judul 5</h5>
<h6>Judul 6</h6>
Pentingnya Membuat Judul
Mesin pencari seperti Google, Yahoo, Bing, dan lainnya, menggunakan judul untuk mengindeks struktur dan konten halaman web kamu.
Pengunjung web membaca halaman kamu dari judulnya.
Penting menggunakan judul untuk menunjukkan struktur dokumen.
Judul <h1> harus digunakan untuk judul utama, diikuti oleh judul <h2>, lalu yang kurang penting <h3>, dan seterusnya.
Gunakan judul HTML untuk judul saja.
Jangan menggunakan judul untuk membuat teks menjadi besar atau tebal.
Judul lebih besar
Setiap judul HTML memiliki ukuran standar.
Namun, kamu dapat menentukan ukuran untuk judul apa pun dengan atribut style, menggunakan properti ukuran font CSS:
<h1 style="font-size=50px;">Judul Artikel</h1>
Aturan Horizonta HTMLTag <hr> mendefinisikan garis jeda tematis di halaman HTML, dan paling sering ditampilkan sebagai aturan horizontal.
Elemen <hr> digunakan untuk memisahkan konten (atau menentukan perubahan) di halaman HTML:
<h1>Ini Judul 1</h1>
<p>Ini adalah paragraf.</p>
<hr>
<h2>Ini Judul 2</h2>
<p>Ini adalah paragraf lan.</p>
<hr>
Elemen HTML <head><p>Ini adalah paragraf.</p>
<hr>
<h2>Ini Judul 2</h2>
<p>Ini adalah paragraf lan.</p>
<hr>
Elemen HTML <head> tidak ada hubungannya dengan heading HTML.
Elemen <head> adalah wadah untuk metadata.
Metadata HTML adalah data tentang dokumen HTML.
Metadata tidak ditampilkan.
Elemen <head> ditempatkan di antara tag <html> dan tag <body>:
<!DOCTYPE html>
<html>
<head>
<title>HTML Pertama Saya</title>
<meta charset="UTF-8">
</head>
<body>
...
Metadata biasanya mendefinisikan judul dokumen, kumpulan karakter, CSS, tautan, skrip, dan informasi meta lainnya.<html>
<head>
<title>HTML Pertama Saya</title>
<meta charset="UTF-8">
</head>
<body>
...
Bagaimana Cara Melihat Sumber HTML?
Pernahkah kamu melihat halaman web dan bertanya-tanya, "Bagaimana mereka melakukan itu?"
Lihat Kode Sumber HTML:
Klik kanan di halaman HTML dan pilih "Lihat Sumber Halaman" (di Chrome) atau "Lihat Sumber" (di IE), atau yang serupa di browser lain.
Ini akan membuka jendela yang berisi kode sumber HTML halaman.
Periksa Elemen HTML:
Klik kanan pada elemen (atau area kosong), dan pilih "Inspect" atau "Inspect Element" untuk melihat elemen apa yang dibuat (kamu akan melihat HTML dan CSS).
Kamu juga dapat mengedit HTML atau CSS sambil jalan di panel elemen atau style yang terbuka.
Referensi Tag HTML
Referensi tag berisi informasi tambahan tentang tag ini dan atributnya.
| Tag | Deskripsi |
|---|---|
| <html> | Menentukan akar dari dokumen HTML |
| <body> | Menentukan isi dokumen |
| <head> | Wadah untuk semua elemen metadata (judul, skrip, style, dan lainnya) |
| <h1> sampai <h6> | Menentukan judul HTML |
| <hr> | Mendefinisikan perubahan tematis dalam konten dan berbentuk garis horizontal |
Nantikan artikel pada tahap selanjutnya terkait tutorial ini hanya di Shared-sharing.
<- Tahap IV Tahap VI ->
Posts
0 komentar:
Post a Comment