Thống kê lượt truy cập
Thực hành HTML - Định dạng danh sách
Trong HTML có thể định dạng được văn bản dạng danh sách giống như các hệ soạn thảo văn bản khác. Có 3 loại danh sách: Danh sách có thứ tự, danh sách không có thứ tự và danh sách mô tả. Chúng ta sử dụng linh hoạt giữa các loại để phù hợp với nhu cầu sử dụng của mình. Dưới đây chúng ta cùng tìm hiểu về kiến thức các loại danh sách và hướng dẫn lập trình cho định dạng kiểu danh sách
I/ Danh sách không có thứ tự.
Danh sách không có thứ tự là loại danh sách mà đầu mỗi phần tử là ký tự đặc biệt giống nhau.
Ví dụ:
Thẻ sử dụng để tạo danh sách loại này: ul
Cấu trúc câu lệnh:
<ul>
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Tin tức</li>
<li>Hoạt động</li>
<li>Cơ cấu nhân sự</li>
<li>Tuyển dụng</li>
<li>Liên hệ</li>
</ul>
II/ Danh sách có thứ tự
Là loại danh sách có kèm số thứ tự dạng số hoặc danh chữ cái hoặc dạng chữ số La Mã phía đầu dòng
Ví dụ:
Cấu trúc câu lệnh:
<ol>
<li>Trang chủ</li>
<li>Giới thiệu</li>
<li>Tin tức</li>
<li>Hoạt động</li>
<li>Cơ cấu nhân sự</li>
<li>Tuyển dụng</li>
<li>Liên hệ</li>
</ol>
III/ Dạng danh sách mô tả
Là loại danh sách chứa đoạn văn bản mô tả cho văn bản chính
Ví dụ:
Thẻ sử dụng để định dạng danh sách loại này:
- Thẻ <dl> là thẻ bắt đầu của danh sách mô tả.
- Thẻ <dt> định nghĩa một thuật ngữ.
- Thẻ <dd> định nghĩa mô tả.
Cấu trúc:
<dl>
<dt>Nguyễn Mai Lan</dt>
<dd> - Là học sinh giỏi cấp tỉnh 3 năm liên tục</dd>
<dt>Hoàng Trần Bình</dt>
<dd> - Là học sinh thanh lịch, luôn là học sinh dẫn đầu trong phong trào tình nguyện</dd>
<dt>Lê Trà My</dt>
<dd> - Là thủ lĩnh đoàn xuất sắc 2 năm liên tục (lớp 10 và lớp 11)</dd>
<dt>Trần Tú Quỳnh</dt>
<dd> - Là tấm gương người tốt việc tốt trong việc giúp đỡ người khác.</dd>
</dl>
Trên đây là 3 loại danh sách mà html hỗ trợ
Sau đây là bài tập luyện để các bạn có thể sử dụng 1 trong 3 thẻ trên để định dạng văn bản dạng dạng sách giống như hình sau
Các bạn có thể tham khảo video hướng dẫn sau: Xem