|
| BÀI HỌC
Danh sách được dùng để trình bà y thông tin thà nh má»™t dạng dá»… Ä‘á»c hÆ¡n. Chẳng hạn để tạo ra các bảng chỉ mục, ná»™i dung cá»§a má»™t dãy các tà i liệu hay các chương.
HTML có hai kiểu danh sách, danh sách có thứ tự (ordered) và danh sách không có thứ tự (unorder).
Danh sách không có thứ tự
Danh sách không có thứ tá»± có các mục bắt đầu bằng các "butllet" hoặc các ký hiệu đánh dấu ở trước. Äể tạo ra danh sách không có thứ tá»± ta dùng các Tag <UL> và <LI>:
<UL>
<LI>Chỉ mục thứ nhất
...
<LI>Chỉ mục cuối
</UL>
Và dụ: khi trong phần BODY của file HTML của bạn có đoạn như sau:
<FONT FACE="Arial" SIZE="2">
<H3>Các bá»™ môn trong khoa CNTT trưá»ng Äại há»c Bách khoa Hà ná»™i</H3>
<UL>
<LI>Bá»™ môn Khoa há»c máy tÃnh
<LI>Bá»™ môn Kỹ thuáºt máy tÃnh
<LI>Trung tâm máy tÃnh
<LI>Phòng thà nghiệm Liên mạng
</UL>
</FONT>
Thì trên trình duyệt danh sách được hiển thị như sau:
 |
Chân trá»i tri thức - Internet today |
 |
 |
 |
 |
 |
Các bá»™ môn trong khoa CNTT trưá»ng Äại há»c Bách khoa Hà ná»™i
- Bá»™ môn Khoa há»c máy tÃnh
- Bá»™ môn Kỹ thuáºt máy tÃnh
- Trung tâm máy tÃnh
- Phòng thà nghiệm Liên mạng
|
 |
 |
Done |
 |
 |
Danh sách có thứ tự
Danh sách có thứ tá»± là danh sách mà má»—i mục cá»§a danh sách được đánh số, thưá»ng bắt đầu từ "1". Äể tạo ra danh sách có thứ tá»± ta dùng các Tag <OL> và <LI>:
<OL>
<LI>Chỉ mục thứ nhất
...
<LI>Chỉ mục cuối cùng
</OL>
Danh sách có thứ tự chỉ khác danh sách không có thứ tự ở chỗ thay Tag <UL> bằng Tag <OL>.
Và dụ: Nếu trong phần BODY của file HTML có đoạn
<FONT FACE="Arial" SIZE="2">
<H3>Các bước chuẩn bị để há»c HTML</H3>
<OL>
<LI>Chương trình soạn thảo văn bản trơn (như NotePad của Windows)
<LI>Trình duyệt Web (như Internet Explorer hoặc Nescape Navigator)
<LI>Bộ sách vỠHTML của tạp chà Internet Today
</OL>
</FONT>
 |
Chân trá»i tri thức - Internet today |
 |
 |
 |
 |
 |
Các bước chuẩn bị để há»c HTML
- Chương trình soạn thảo văn bản trơn (như NotePad của Windows)
- Trình duyệt Web (như Internet Explorer hoặc Nescape Navigator)
- Bộ sách vỠHTML của tạp chà Internet Today
|
 |
 |
Done |
 |
 |
Trong trang Web để tạo ra các mục thông tin có cấu trúc logic hơn bạn có thể lồng các danh sách với nhau.
Và dụ vỠtrộn danh sách:
<FONT FACE="Arial" SIZE="2">
<H3>Và dụ vỠtrộn danh sách</H3>
<OL>
<LI> Chỉ mục 1
<UL>
<LI> Chỉ mục con 1
<OL>
<LI> Chỉ mục con 1
<LI> Chỉ mục con 2
</OL>
<LI> Chỉ mục con 2
</UL>
<LI> Chỉ mục 2
</OL>
</FONT>
Ta có danh sách như sau :
 |
Chân trá»i tri thức - Internet today |
 |
 |
 |
 |
 |
Và dụ vỠtrộn danh sách
- Chỉ mục 1
- Chỉ mục con 1
- Chỉ mục con 1
- Chỉ mục con 2
- Chỉ mục con 2
- Chỉ mục 2
|
 |
 |
Done |
 |
 |
| THỰC HÀNH
ÄÆ°a danh sách và o trang Web cá»§a bạn
Mở một file HTML mới, trong phần BODY bạn tạo một danh sách bằng các Tag HTML như sau:
<FONT FACE="Arial" SIZE="2">
<H3>Mục lục</H3>
<UL>
<LI>Chương một
<OL>
<LI>Giới thiệu chung
<LI>Những kiến thức vỡ lòng vỠHTML
</OL>
<LI>Chương hai
<OL>
<LI>Các Tag thông dụng
<UL>
<LI>Tag định dạng kiá»u chữ
<LI>Tag chèn ảnh
</UL>
<LI>Các Tag trang trà trang Web
</OL>
<LI>Chương ba
<UL>
<LI>Các trang Web mẫu
<LI>Kết thúc
</UL>
</UL>
</FONT>
Lưu công việc của bạn. Mở trên trình duyệt và so sánh với và dụ mẫu.
 |
Chân trá»i tri thức - Internet today |
 |
 |
 |
 |
 |
Mục lục
- Chương một
- Giới thiệu chung
- Những kiến thức vỡ lòng vỠHTML
- Chương hai
- Các Tag thông dụng
- Tag định dạng kiá»u chữ
- Tag chèn ảnh
- Các Tag trang trà trang Web
- Chương ba
- Các trang Web mẫu
- Kết thúc
|
 |
 |
Done |
 |
 |
Theo Tạp chà Tin há»c I-Today
|