Mục lục:
Video: Cách tạo menu đa cấp bằng html và css trong thiết kế website - Phần 1 2025
Tiêu đề chia tài liệu thành các phần. Hầu hết các sách đều sử dụng tiêu đề và phân nhóm để phân chia từng chương thành từng phần và bạn có thể làm tương tự với trang web của mình. Các nhóm
-
Tạo một cấu trúc tổ chức.
-
Chia nhỏ dòng văn bản trên trang.
-
Cung cấp các dấu hiệu thị giác về cách các mẩu nội dung được nhóm lại.
HTML bao gồm sáu phần tử cho các cấp độ nhóm khác nhau trong các tài liệu:
-
là nhóm đầu tiên nổi bật nhất (Tiêu đề 1)
-
là tiêu đề ít nhất nổi bật (Tiêu đề 6)
Theo thứ tự số từ thấp nhất đến cao nhất khi bạn sử dụng các cấp tiêu đề HTML. Nghĩa là, không sử dụng tiêu đề cấp hai cho đến khi bạn sử dụng tiêu đề cấp một, không sử dụng tiêu đề cấp ba cho đến khi bạn sử dụng một giây, v.v. Nếu điều này không hợp lý với bạn, hãy nghĩ đến sáu kiểu tiêu đề hoạt động như thế nào trong Microsoft Word và bạn sẽ có nó.
Định dạng
Để tạo tiêu đề, hãy làm theo các bước sau:
-
Thêm vào phần thân của tài liệu.
-
Nhập nội dung cho tiêu đề .
-
Thêm .
Khi được sử dụng trong ngữ cảnh này, n có nghĩa là số lượng tiêu đề mà bạn muốn tạo ra. Ví dụ: để tạo tiêu đề cấp một, bạn sẽ thay thế số 1 cho n và thêm
vào trang của bạn, cho một tiêu đề cấp hai, thêm
, v.v..
Trình duyệt hiển thị
Trình duyệt hiển thị
Mỗi trình duyệt có một cách hiển thị các tiêu đề khác nhau.
Các trình duyệt đồ họa
Hầu hết các trình duyệt đồ họa sử dụng kích thước và kiểu chữ đặc biệt cho tiêu đề:
-
Tiêu đề cấp một (
) là lớn nhất (thường là hai hoặc ba cỡ chữ lớn hơn kích thước văn bản mặc định cho các đoạn văn).
-
Tất cả các tiêu đề sử dụng kiểu chữ đậm theo mặc định, và đoạn text sử dụng kiểu plain (nonbold) theo mặc định.
-
Tiêu đề thứ sáu cấp (
) là nhỏ nhất và có thể là hai hoặc ba cỡ chữ nhỏ hơn so với văn bản đoạn văn mặc định. Đoạn mã sau đây của đánh dấu HTML cho thấy tất cả sáu tiêu đề đang làm việc:
Tất cả các khối: Nhóm 1-6
Tiêu đề cấp 1Tiêu đề cấp hai
Tiêu đề cấp ba > Tiêu đề cấp bốn
Tiêu đề thứ năm
Tiêu đề thứ sáu
Hình này cho thấy các đề mục trong trang HTML như hiển thị trong một trình duyệt.
Sử dụng CSS để kiểm soát tiêu đề, bao gồm màu sắc, kích thước, khoảng cách, và sắp xếp.
Theo mặc định, hầu hết các trình duyệt sử dụng phông chữ Times Roman cho tiêu đề. Kích thước phông chữ giảm xuống khi mức tiêu đề tăng lên. (Kích thước mặc định cho các tiêu đề từ đầu đến thứ sáu tương ứng là 24, 18, 14, 12, 10, và 8 điểm.) Bạn có thể ghi đè bất cứ định dạng nào bằng cách sử dụng CSS.
Trình duyệt văn bản
Các trình duyệt văn bản chỉ sử dụng các tiêu đề nhóm khác với các trình duyệt đồ hoạ vì trình duyệt văn bản chỉ sử dụng một kích thước ký tự và phông chữ để hiển thị tất cả nội dung. Một số trình duyệt văn bản chỉ cần xem xét bao gồm Lynx, ELinks, Cygwin và MIRA.
