Bài 8: Thẻ h - Thẻ tiêu đề

Thẻ <h> trong HTML

Thẻ h, từ h là từ viết tắt của chữ Headings
Thẻ <h> dùng để xác định các tiêu đề quan trọng nhất trong một bài viết.
Thẻ h gồm có 6 loại: h1, h2, h3, h4, h5, h6, trong đó h1 là quan trọng nhất và độ quan trọng giảm dần cho tới h6,

▫ Cú Pháp

✴ Trong đó:
▪ Thẻ <h> là thẻ bắt đầu
▪ Thẻ </h> là thẻ kết thúc
▪ Và văn bản nằm giữa hai thẻ này sẽ hiển thị theo dạng tiêu đề quan trọng và in đậm.

✴ Lưu ý: cặp thẻ <h>...</h> thuộc nhóm thẻ ngoại tuyến ( block ) cho nên khi hiển thị nó sẽ tự đông xuống hàng và bắt đầu một dòng mới.

Ví dụ:

<!DOCTYPE html>
<html>
<head>
<title>Vi du the h trong HTML</title>
</head>
<body>
<h1> Heading 1 </h1>
<h2> Heading 2 </h2>
<h3> Heading 3 </h3>
<h4> Heading 4 </h4>
<h5> Heading 5 </h5>
<h6> Heading 6 </h6>
</body>
</html>

Chạy đoạn code này sẽ hiển thị kết quả như sau:

✴ Lưu ý: tuy có chung cùng một chức năng nhưng khi hiển thị thì khác nhau trong đó h1 là lến nhất và nhỏ dần cho tới h6.

✴ Kết Luận: Sau khi học xong bài này các bạn phải trả lời được một sô câu hỏi sau:
▪ Câu hỏi 1: thẻ <h> dùng để làm gì ?
▪ Câu hỏi 2: Viết cách trình bày thẻ <i> ?
▪ Câu hỏi 3: Hãy nên hai thẻ bắt đầu và thẻ kết thúc trong cặp thẻ h ?
▪ Câu hỏi 4: Cặp thẻ <h>...</h> thuộc nhóm thẻ nào ?
▪ Câu hỏi 5: trong 6 thẻ h thì thẻ nào là quang trong nhất và thẻ nào ít quang trong nhất, và khi hiển thị thì thẻ nào lớn nhất và thẻ nào nhỏ nhất ?

✴ Thực hành: hãy mở soạn thảo Notepad và copy ví dụ ở trên và lưu lại với tên bất kì lưu ý tên đuôi file phải là ( .html ) rồi mở lên bạn sẽ thấy kết quả và bạn cũng có thể tự mình trình bày những tiên đề quan trọng bằng cặp thẻ <h>..</h> đã học ở bài này.

Chúc Bạn Thành Công.

Bài 8: Thẻ h - Thẻ tiêu đề | Học HTML

0 nhận xét trong bài "Bài 8: Thẻ h - Thẻ tiêu đề | Học HTML"

Post a Comment