Cách định dạng văn bản trong danh sách HTML

Danh sách HTML cực kỳ tùy biến với CSS. Nhiều menu của một trang web được cung cấp bởi các danh sách HTML được định dạng cẩn thận. Nếu bạn có khả năng đọc lướt mã nguồn của Facebook, bạn thậm chí có thể thấy rằng họ sử dụng danh sách HTML không có thứ tự để định kiểu điều hướng. Có hai yếu tố để tạo kiểu văn bản trong danh sách: thẻ danh sách cơ sở ("

") và thẻ mục danh sách ("
• "). Bạn cũng có thể sử dụng một lớp hoặc một kiểu để chỉ định một hoặc một danh sách HTML. Định dạng văn bản có thể được xử lý ở bất kỳ cấp độ nào ở đó.

  1.

  Mở tệp biểu định kiểu xếp tầng của bạn - sử dụng phần mở rộng tệp .css - trong trình chỉnh sửa văn bản thuần túy ưa thích của bạn. Chỉ định "ul" (hoặc "ol" nếu bạn định dạng danh sách theo thứ tự) hoặc id của thẻ danh sách của bạn. Chẳng hạn, nếu bạn định dạng "

  , "bạn sẽ bắt đầu với:

  ul {}

  2.

  Thêm định dạng văn bản cùng với bất kỳ định dạng nào khác cho danh sách không theo thứ tự của bạn. Ví dụ: nếu bạn muốn tạo tất cả văn bản trong danh sách không có thứ tự 12pt và màu xanh, nó có thể trông giống như thế này:

  ul {cỡ chữ: 12pt; màu: # 8CCCC8; }

  3.

  Thay đổi kiểu danh sách - hình ảnh hoặc biểu tượng ở đầu mỗi mục danh sách. W3Schools.com chỉ định hơn một chục loại khác nhau cho kiểu danh sách. Nếu bạn không muốn bất cứ điều gì ở đầu danh sách, bạn có thể sử dụng "list-style: none;", vd:

  ul {cỡ chữ: 12pt; màu: # 8CCCC8; danh sách kiểu: không có; }

  4.

  Lưu biểu định kiểu và tài liệu của bạn, sau đó kiểm tra các mục danh sách trong trình duyệt của bạn.

  Lời khuyên

  • Nếu bạn muốn sử dụng danh sách làm thành phần điều hướng ngang, bạn có thể sử dụng
  • "Hiển thị: nội tuyến" và "float: left;".

  Cảnh báo

  • Chỉ sử dụng trình soạn thảo văn bản đơn giản, chẳng hạn như Notepad, Notepad ++ hoặc TextWrangler, để chỉnh sửa các tệp HTML và CSS.