HTML (HyperText Markup Language) menyediakan enam tag khusus untuk menampilkan heading dari level yang berbeda. Semuanya memiliki parameter default (ukuran dan gaya font, jumlah indentasi dari elemen sebelumnya dan berikutnya, dll.). Opsi ini dapat diganti menggunakan instruksi CSS (Cascading Style Sheets) dan dengan demikian mengubah tampilan judul dalam teks halaman web.
instruksi
Langkah 1
Tempatkan judul dengan tingkat yang berbeda antara tag pembuka dan penutup yang sesuai, jika belum dilakukan di kode sumber halaman web. Misalnya, heading yang paling penting (level pertama) harus berada di antara tag
dan
:
Judul tingkat pertama
Subjudul level terpenting berikutnya harus ditempatkan di antara tag
dan
dll. Yang terakhir dari tingkat yang diramalkan adalah yang keenam -
dan
Langkah 2
Tempatkan di bagian header kode sumber (antara dan tag) pernyataan yang memberi tahu browser pengunjung bahwa ada deskripsi gaya dalam CSS di tempat ini:
/ * Instruksi CSS akan ada di sini * /
Langkah 3
Di antara tag gaya pembuka dan penutup, tambahkan deskripsi gaya untuk judul setiap level yang ingin Anda ubah tampilannya. Misalnya, jika Anda hanya perlu mengubah tampilan heading level pertama, maka kode ini akan terlihat seperti ini:
h1 {
warna merah;
ukuran font: 20px;
gaya font: miring;
font-berat: tebal;
margin-atas: 30px;
margin-bawah: 20px;
}
Di sini, h1 menunjukkan bahwa deskripsi dalam kurung kurawal mengacu pada tag h1 dan disebut "pemilih". Parameter warna mengatur warna teks, parameter ukuran font adalah ukuran font, gaya font dengan nilai miring adalah jenis huruf miring, bobot font dengan nilai tebal adalah tebal, margin-top adalah atas margin, dan margin-bottom adalah margin bawah. Untuk judul tingkat kedua, tambahkan blok serupa dengan pemilih h2, dll.
Langkah 4
Gunakan sintaks singkatan jika ada banyak level untuk dijelaskan. Misalnya, deskripsi font dapat ditempatkan dalam satu parameter, serta deskripsi ukuran indentasi. Sampel:
h1 {
warna merah;
font: arial 20px tebal;
margin: 30px 0 20px 0;
}
h2 {
warna oranye;
font: arial 18px tebal;
margin: 25px 0 15px 0;
}
Dalam parameter margin, margin harus ditentukan searah jarum jam, mulai dari margin atas, melalui spasi (kanan atas kiri bawah).
