Judul HTML

2 Comments

Saturday, October 27, 2018

Judul HTML

Judul didefinisikan dengan tag <h1>untuk <h6>.

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

Judul Penting

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

Pengguna skim halaman Anda dengan judulnya. Penting untuk menggunakan judul untuk menunjukkan struktur dokumen.

<h1>judul harus digunakan untuk judul utama, diikuti dengan <h2>judul, maka yang kurang penting <h3>, dan sebagainya.

Catatan: Gunakan judul HTML untuk judul saja. Dan jangan menggunakan judul dengan teks BESAR atau tebal.

Judul Lebih Besar

Setiap judul HTML memiliki ukuran default. Namun, Anda dapat menentukan ukuran untuk judul apa pun dengan styleatribut, menggunakan font-sizeproperti CSS :

contoh : <h1 style="font-size:60px;">Judul</h1>

Aturan Horisontal HTML

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

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

contoh :

Elemen HTML <head>

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

The <head>unsur adalah wadah untuk metadata. Metadata HTML adalah data tentang dokumen HTML. Metadata tidak ditampilkan.

The <head>elemen ditempatkan di antara <html>tag dan <body>tag:

contoh :

<!DOCTYPE html>
<html>

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

<body>

Catatan: Metadata biasanya menentukan judul dokumen, rangkaian karakter, gaya, tautan, skrip, dan informasi meta lainnya.

Tips cara melihat Sumber HTML?

Pernahkah Anda melihat halaman Web dan bertanya-tanya, "Hei! Bagaimana mereka melakukannya?"

Lihat Kode Sumber HTML:

Klik kanan di halaman HTML dan pilih "Lihat Sumber Halaman" (di Chrome) atau "Lihat Sumber" (di IE), atau serupa di peramban lain. Ini merupakan jendela yang akan mebuka sumber kode HTML halaman.

Periksa Elemen HTML:

Klik kanan pada elemen (atau area kosong), dan pilih "Inspect" atau "Inspect Element" untuk melihat elemen apa saja yang dibuat (Anda akan melihat HTML dan CSS). Anda juga dapat mengedit HTML atau CSS on-the-fly di panel Elemen atau Gaya yang terbuka.

Selamat Mencoba dan semoga bermanfaat.