Cara Memformat Teks dalam Daftar HTML

Daftar HTML sangat dapat disesuaikan dengan CSS. Banyak menu situs web didukung oleh daftar HTML yang diformat dengan cermat. Jika Anda berani membaca kode sumber Facebook, Anda bahkan dapat melihat bahwa mereka menggunakan daftar HTML yang tidak berurutan untuk menata navigasi. Ada dua elemen untuk menata teks dalam daftar: tag daftar dasar ("

") dan tag item daftar ("
• "). Anda juga dapat menggunakan kelas atau gaya untuk menentukan satu atau serangkaian daftar HTML. Memformat teks dapat ditangani di tingkat mana pun di sana.

  1.

  Buka file stylesheet cascading Anda - yang menggunakan ekstensi file .css - di editor teks biasa. Tentukan "ul" (atau "ol" jika Anda memformat daftar yang dipesan) atau id dari tag daftar Anda. Misalnya, jika Anda memformat "

  , "Anda akan mulai dengan:

  ul {}

  2.

  Tambahkan pemformatan teks bersama dengan pemformatan lainnya untuk daftar Anda yang belum diurutkan. Misalnya, jika Anda ingin membuat semua teks dalam daftar tanpa tanda 12pt dan biru, itu bisa terlihat seperti ini:

  ul {font-size: 12pt; warna: # 8CCCC8; }

  3.

  Ubah tipe gaya daftar - gambar atau simbol di awal setiap item daftar. W3Schools.com menetapkan lebih dari selusin jenis berbeda untuk gaya daftar. Jika Anda tidak menginginkan apa pun di awal daftar, Anda dapat menggunakan "gaya daftar: tidak ada;", misalnya:

  ul {font-size: 12pt; warna: # 8CCCC8; daftar-gaya: tidak ada; }

  4.

  Simpan stylesheet dan dokumen Anda, lalu uji item daftar di browser Anda.

  Kiat

  • Jika Anda ingin menggunakan daftar sebagai elemen navigasi horisontal, Anda dapat menggunakan
  • "display: inline" dan "float: left;".

  Peringatan

  • Hanya menggunakan editor teks biasa, seperti Notepad, Notepad ++ atau TextWrangler, untuk mengedit file HTML dan CSS.