BÀI 9 – TẠO DANH SÁCH, BẢNG


📚 BÀI 9 – TẠO DANH SÁCH, BẢNG


1. Tạo danh sách

a. Danh sách có thứ tự (<ol>)


  • Dùng thẻ <ol> kết hợp các thẻ <li>.
  • Thuộc tính:

    type
    • kiểu đánh số ("1", "A", "a", "I", "i")
    • start: số bắt đầu

b. Danh sách không có thứ tự (<ul>)

  • Dùng thẻ <ul> với các thẻ <li>.
  • Có thể tùy chỉnh ký hiệu đầu dòng qua:

    • style="list-style-type: disc|circle|square|none"

c. Danh sách mô tả (<dl>)

  • Dùng thẻ <dl> (description list)
    • <dt>: thuật ngữ
    • <dd>: mô tả
  • Có thể lồng danh sách vào nhau bằng cách đặt danh sách trong <li>.



2. Thiết lập bảng

a. Tạo bảng cơ bản

  • Thẻ <table>: tạo bảng

  • <tr>: tạo hàng
  • <td>: tạo ô dữ liệu
  • <th>: tạo ô tiêu đề

b. Định dạng bảng

  • Tiêu đề bảng: <caption>

  • Khung bảng

    • style="border: độ_dày kiểu_viền màu_viền"

    • Kiểu viền: solid, dotted, double, none

  • Kích thước bảng: dùng width, height với % hoặc px
  • Gộp ô:

    • rowspan: gộp theo hàng
    • colspan: gộp theo cột





3. Thực hành

  • Kết hợp tạo danh sách và bảng
  • Rèn luyện lồng danh sách và định dạng bảng cơ bản


🧠 SƠ ĐỒ TƯ DUY BÀI 9 – HTML: DANH SÁCH VÀ BẢNG




Mới hơn Cũ hơn
Đọc tiếp:
Lên đầu trang