Các tiêu đề HTML là tiêu đề hoặc phụ đề mà bạn muốn hiển thị trên trang web.
Thí dụ
Đứng đầu 1
Đứng đầu 2
Đứng đầu 3
Đứng đầu 4
Đứng đầu 5Đứng đầu 6Hãy tự mình thử »
Tiêu đề HTML
Các tiêu đề HTML được xác định với các thẻ <h2> đến <h6>.
<h2> xác định tiêu đề quan trọng nhất. <h6> định nghĩa tiêu đề ít quan trọng nhất.
Thí dụ
Đứng đầu 1 hướng tới 2 hướng tới 3heading 5 đầu 5 đầu 6
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Hãy tự mình thử »
Tiêu đề HTML Browsers automatically add some white space (a margin) before and after a heading.
Các tiêu đề HTML được xác định với các thẻ <h2> đến <h6>.
<h2> xác định tiêu đề quan trọng nhất. <h6> định nghĩa tiêu đề ít quan trọng nhất.
Đứng đầu 1 hướng tới 2 hướng tới 3heading 5 đầu 5 đầu 6
Lưu ý: Các trình duyệt tự động thêm một số không gian trắng (lề) trước và sau khi tiêu đề.
Tiêu đề rất quan trọng Use HTML headings for headings only. Don't use headings to make text BIG or bold.
Các công cụ tìm kiếm sử dụng các tiêu đề để lập chỉ mục cấu trúc và nội dung của các trang web của bạn.
Người dùng thường lướt một trang theo tiêu đề của nó. Điều quan trọng là sử dụng các tiêu đề để hiển thị cấu trúc tài liệu.
Các tiêu đề <h2> nên được sử dụng cho các tiêu đề chính, tiếp theo là các tiêu đề <h2>, sau đó là <h3> ít quan trọng hơn, v.v.
Lưu ý: Chỉ sử dụng các tiêu đề HTML cho các tiêu đề. Đừng sử dụng các tiêu đề để làm cho văn bản lớn hoặc táo bạo.
Exercise:
Tiêu đề lớn hơn
Mỗi tiêu đề HTML có kích thước mặc định. Tuy nhiên, bạn có thể chỉ định kích thước cho bất kỳ tiêu đề nào với thuộc tính style, sử dụng thuộc tính CSS font-size:
Bài tập HTML
Kiểm tra bản thân với các bài tập
Sử dụng thẻ HTML chính xác để thêm tiêu đề với văn bản "London".
Tham chiếu thẻ HTML | Tham chiếu thẻ của W3Schools chứa thông tin bổ sung về các thẻ này và các thuộc tính của chúng. |
Tham chiếu thẻ HTML | Tham chiếu thẻ của W3Schools chứa thông tin bổ sung về các thẻ này và các thuộc tính của chúng. |
Nhãn | Sự mô tả |
For a complete list of all available HTML tags, visit our HTML Tag Reference.
Thí dụ
Một bảng HTML đơn giản, chứa hai cột và hai hàng:
& nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; $ 100 & NBSP;
Month
Savings
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Thẻ <table> xác định bảng HTML.
Một bảng HTML bao gồm một phần tử <table> và một hoặc nhiều, và các phần tử.
Phần tử xác định một hàng bảng, phần tử xác định tiêu đề bảng và phần tử xác định một ô bảng.
Một bảng HTML cũng có thể bao gồm ,, và các yếu tố.
Hỗ trợ trình duyệt
& nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; $ 100 & NBSP; | Đúng | Đúng | Đúng | Đúng | Đúng |
Thuộc tính toàn cầu
Thẻ <table> cũng hỗ trợ các thuộc tính toàn cầu trong HTML.
Thuộc tính sự kiện
Thẻ <table> cũng hỗ trợ các thuộc tính sự kiện trong HTML.
Nhiều ví dụ hơn
Thí dụ
Cách thêm đường viền bị sập vào bảng (với CSS):
bảng, th, td {& nbsp; biên giới: 1px màu đen rắn; & nbsp; Thu hẹp biên giới: sụp đổ;}
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
& nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; $ 100 & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Tháng 2 & nbsp; & nbsp; & nbsp; $ 80 & nbsp;
Month
Savings
Đúng
Hãy tự mình thử »
Thí dụ
Cách thêm đường viền bị sập vào bảng (với CSS):
& nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; $ 100 & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Tháng 2 & nbsp; & nbsp; & nbsp; $ 80 & nbsp;
Month
Savings
Hãy tự mình thử »
Cách sắp xếp bên phải một bảng (với CSS):
Thí dụ
Cách cung cấp bảng trung tâm (với CSS):
table, th, td {
border: 1px solid black;
}
table.center {
margin-left: auto;
margin-right: auto;
}
& nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; $ 100 & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Tháng 2 & nbsp; & nbsp; & nbsp; $ 80 & nbsp;
Month
Savings
Hãy tự mình thử »
Thí dụ
Cách sắp xếp bên phải một bảng (với CSS):
& nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; $ 100 & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Tháng 2 & nbsp; & nbsp; & nbsp; $ 80 & nbsp;
Month
Savings
Hãy tự mình thử »
Thí dụ
Cách sắp xếp bên phải một bảng (với CSS):
Thí dụ
table, th, td {
border: 1px solid black;
}
Cách cung cấp bảng trung tâm (với CSS):
padding: 10px;
}
bảng, th, td {& nbsp; đường viền: 1px solid black;} bảng.Center {& nbsp; lề trái: tự động; & nbsp; Biên độ bên lề: Tự động;}
Month
Savings
Đúng
Hãy tự mình thử »
Thí dụ
Cách sắp xếp bên phải một bảng (với CSS):
& nbsp; & nbsp; & nbsp; & nbsp; Tháng & nbsp; & nbsp; & nbsp; Tiết kiệm & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Tháng một & nbsp; & nbsp; & nbsp; $ 100 & NBSP; & nbsp; & nbsp; & nbsp; & nbsp; Tháng 2 & nbsp; & nbsp; & nbsp; $ 80 & nbsp;
Month
Savings
Hãy tự mình thử »
Thí dụ
Cách sắp xếp bên phải một bảng (với CSS):
Thí dụ
Name
Phone
Hãy tự mình thử »
Thí dụ
Cách sắp xếp bên phải một bảng (với CSS):
Thí dụ
Monthly savings
Month
Savings
Hãy tự mình thử »
Thí dụ
Cách sắp xếp bên phải một bảng (với CSS):
Thí dụ
Name
Phone
Hãy tự mình thử »
Cách sắp xếp bên phải một bảng (với CSS):
Thí dụ
Cách cung cấp bảng trung tâm (với CSS):
bảng, th, td {& nbsp; đường viền: 1px solid black;} bảng.Center {& nbsp; lề trái: tự động; & nbsp; Biên độ bên lề: Tự động;}
Cách thêm màu nền vào bảng (với CSS):
Cách thêm phần đệm vào bảng (với CSS):
Thí dụ
bảng, th, td {& nbsp; Biên giới: 1px màu đen rắn;}
display:
table;
border-collapse:
separate;
border-spacing: 2px;
border-color: gray;
}
Hãy tự mình thử »