HTML (HyperText Markup Language) menyediakan enam tag khas untuk memaparkan tajuk dari pelbagai peringkat. Kesemuanya mempunyai parameter lalai (ukuran dan gaya fon, jumlah lekukan dari elemen sebelumnya dan seterusnya, dll.). Pilihan ini boleh diganti dengan menggunakan arahan CSS (Cascading Style Sheets) dan dengan itu mengubah penampilan tajuk dalam teks halaman web.
Arahan
Langkah 1
Letakkan tajuk yang berlainan antara tag pembuka dan penutupan yang sesuai, jika belum dilakukan dalam kod sumber halaman web. Contohnya, tajuk yang paling penting (tahap pertama) harus berada di antara teg
dan
:
Tajuk tahap pertama
Sub tajuk yang paling penting seterusnya harus diletakkan di antara tag
dan
dan lain-lain. Tahap terakhir yang diramalkan adalah yang keenam -
dan
Langkah 2
Letakkan di bahagian tajuk kod sumber (antara dan tag) pernyataan yang memberitahu penyemak imbas pelawat bahawa terdapat keterangan mengenai gaya dalam CSS di tempat ini:
/ * Arahan CSS ada di sini * /
Langkah 3
Di antara tag gaya pembukaan dan penutup, tambahkan deskripsi gaya untuk tajuk setiap tahap yang ingin anda ubah rupa. Sebagai contoh, jika anda hanya perlu mengubah penampilan tajuk tahap pertama, maka kod ini mungkin kelihatan seperti ini:
h1 {
warna: Merah;
saiz fon: 20 piksel;
gaya fon: miring;
font-weight: tebal;
margin atas: 30 piksel;
margin-bottom: 20 piksel;
}
Di sini, h1 menunjukkan bahawa keterangan dalam pendakap keriting merujuk pada tag h1 dan disebut "pemilih". Parameter warna menetapkan warna teks, parameter ukuran font adalah ukuran huruf, gaya huruf dengan nilai miring adalah jenis huruf miring, berat huruf dengan nilai tebal tebal, margin atas adalah puncak margin, dan margin-bottom adalah margin bawah. Untuk tajuk tahap kedua, tambahkan blok serupa dengan pemilih h2, dll.
Langkah 4
Gunakan sintaksis pendek jika terdapat banyak peringkat untuk dijelaskan. Sebagai contoh, deskripsi fon boleh diletakkan dalam satu parameter, serta deskripsi ukuran inden. Contoh:
h1 {
warna: Merah;
fon: tebal 20px arial;
margin: 30px 0 20px 0;
}
h2 {
warna: Jingga;
fon: berani 18px arial;
margin: 25px 0 15px 0;
}
Dalam parameter margin, margin mesti ditentukan mengikut arah jam, bermula dari margin atas, melalui spasi (kiri kanan atas kiri).
