Học HTML từ căn bản cho tới nâng cao cho những bạn mới học | Kiến thức nhỏ cho một wapsite hiện đại | Một con đường nhỏ cho một sự nghiệp lớn.
Thẻ <sup> trong HTML
Thẻ <sup> dùng xác định yếu tố văn bản nằm trên.
▫ Cú Pháp
<sup> Văn bản sup </sup>
✴ Trong đó:
▪ Thẻ <sup> là thẻ bắt đầu
▪ Thẻ </sup> là thẻ kết thúc
▪ Và văn bản nằm giữa hai thẻ này sẽ hiển thị yếu tố văn bản nhỏ nằm trên.
✴ Lưu ý: cặp thẻ <sup>...</sup> thuộc nhóm thẻ nội tuyến ( inline ) cho nên khi hiển thị nó sẽ nằm trên cùng một hàng.
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<title>Vi du the sup trong HTML</title>
</head>
<body>
<p>
học lập trình trực tuyến <sup>miễn phíí</sup>
mà hiểu quả
</p>
</body>
</html>
<html>
<head>
<title>Vi du the sup trong HTML</title>
</head>
<body>
<p>
học lập trình trực tuyến <sup>miễn phíí</sup>
mà hiểu quả
</p>
</body>
</html>
Chạy đoạn code này sẽ hiển thị kết quả như sau:
học lập trình trực tuyến miễn phí mà hiểu quả
✴ Lưu ý: 2 từ "miễn phi"́ năm trong cặp thẻ sub nó sẽ hiển thị yếu tố văn bản nhỏ nằm trên như ở ví dụ trên.
✴ Kết Luận: Sau khi học xong bài này các bạn phải trả lời được một sô câu hỏi sau:
▪ Câu hỏi 1: thẻ <sup> dùng để làm gì ?
▪ Câu hỏi 2: Viết cách trình bày thẻ <sup> ?
▪ Câu hỏi 3: Hãy nên hai thẻ bắt đầu và thẻ kết thúc trong cặp thẻ sup ?
▪ Câu hỏi 4: Cặp thẻ <sup>...</sup> thuộc nhóm thẻ nào ?
✴ Thực hành: hãy mở soạn thảo Notepad và copy ví dụ ở trên và lưu lại với tên bất kì lưu ý tên đuôi file phải là ( .html ) rồi mở lên bạn sẽ thấy kết quả và bạn cũng có thể tự mình trình bày những yếu tố văn bản nhỏ nằm trên bằng cặp thẻ <sup>..</sup> đã học ở bài này.
✴ Bạn sẽ được học cách kết hợp các thẻ ngoại tuyết với các thẻ mội tuyến với nhau ở những bài học cuối.
Chúc Bạn Thành Công.
0 nhận xét trong bài "Bài 13: Thẻ sup - Thẻ xác định yếu tố văn bản nằm trên | Học HTML"
Post a Comment