Tạo đề mục và danh sách¶

Đề mục¶

Headings, tạm dịch là đề mục hoặc tiêu đề con, đóng vai trò làm tựa đề cho những phần nội dung khác nhau trong tài liệu.

Headings chủ yếu dùng để giúp người đọc hiểu được cách tổ chức nội dung, từ đó định hướng tốt hơn khi đọc tài liệu.

Các phần tử dùng để tạo sáu cấp độ của đề mục:

Khi được đánh dấu bằng các thẻ này, văn bản sẽ có định dạng khác với những phần văn bản còn lại, chẳng hạn, cỡ chữ lớn hơn, in đậm, có khoảng trống so với dòng trên và dưới.

Do đó, ta chưa vội định dạng cỡ chữ lớn hoặc đậm cho các đề mục, chỉ thay đổi font hoặc màu sắc nếu muốn.

Ví dụ:
Trong tập tin portfolio.html, ta tạo cả sáu đề mục từ <h1> đến <h6>.

35
36
37
38
39
40
41

    <p>Đây là một góc của thế giới mà mình sống trong đó</p>
    <h1>Kỷ nguyên Trí tuệ nhân tạo</h1>
    <h2>Thời đại Máy học (Machine Learning)</h2>
    <h3>Sự trỗi dậy của mạng Nơron (Neural networks)</h3>
    <h4>Kiến trúc Học sâu (Deep Learning)</h4>
    <h5>Mô hình Ngôn ngữ lớn (Large Language Models), một ứng dụng Deep Learning</h5>
    <h6>Transformer và Attention, kỹ thuật quan trọng trong mô hình Ngôn ngữ lớn</h6>

Click để xem kết xuất trang portfolio trong tab mới

Danh sách¶

Danh sách được dùng để gom nhóm những mục hoặc nội dung có liên quan với nhau.

HTML hỗ trợ hai loại danh sách: không có thứ tự và có thứ tự. (1)

1. HTML còn hỗ trợ loại danh sách thứ ba là description list.

Các phần tử dùng để tạo danh sách:

Không có thứ tự¶

Kiểu danh sách này thường dùng ký hiệu đĩa tròn màu đen • để đánh dấu đầu dòng cho các mục. Ký hiệu này sẽ thay đổi khi cấp độ của đề mục thay đổi.

Ví dụ:
Tạo một danh sách mà thứ tự của các mục không quan trọng.

43
44
45
46
47
48
49
50
51
52

    <h2>Những ngôn ngữ giúp mình giỏi hơn trong môn... bơi lội</h2>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>Javascript</li>
        <li>PHP</li>
        <li>Python</li>
        <li>C#</li>
        <li>Typescript</li>    
    </ul>

Click để xem kết xuất trang portfolio trong tab mới

Có thứ tự¶

Kiểu danh sách này dùng các ký hiệu số hoặc chữ như: 1, A, a, I, i để đánh số đầu dòng cho các mục.

Để chọn kiểu đánh số thứ tự, ta chỉ định giá trị cho thuộc tính type:

• type="1"
• type="A"
• type="3"
• type="C"
• v.v...

Ví dụ:
Tạo danh sách đánh thứ tự bằng số bình thường.

54
55
56
57
58
59
60
61

    <h2>Những môn thể thao mà mình yêu thích từ nhiều nhất đến ít nhất</h2>
    <ol>
        <li>Bóng đá</li>
        <li>Bóng rổ</li>
        <li>Võ thuật</li>
        <li>Nhảy dây</li>
        <li>Búng thun</li>
    </ol>

Click để xem kết xuất trang portfolio trong tab mới

Sơ đồ tóm tắt nội dung¶

Some English words¶