Các span nội dòng
Thuộc phần Kiến thức cơ bản trong hành trình HTML của Coddy. Bài học 26 trên 60.
Nếu có một câu và cần làm nổi bật chỉ một từ hoặc một phần nhỏ trong câu thì sao? Ta có thể dùng thẻ <span>! Thẻ này giúp áp dụng kiểu hoặc thay đổi chỉ một phần cụ thể của văn bản mà không ảnh hưởng đến phần còn lại.
Đây là cú pháp cơ bản để dùng span trong HTML:
<span>This is some text.</span>Đây là ví dụ về cách dùng thẻ span để làm nổi bật một phần văn bản trong đoạn văn:
<p>This is a <span style="color: blue;">blue</span> word.</p>Trong ví dụ này, từ "blue" sẽ hiển thị bằng màu xanh dương.
Sau này, chúng ta sẽ tìm hiểu về thuộc tính style!
Thử thách
DễVới một tài liệu HTML có một đoạn văn. Nhiệm vụ của bạn là dùng thẻ <span> để bao quanh văn bản "qwerty12345".
Tự làm thử
<!DOCTYPE html>
<html>
<body>
<!-- Viết code ở đây -->
<p>The secret password is qwerty12345.</p>
</body>
</html>Bài học này có một bài trắc nghiệm ngắn. Bắt đầu bài học để trả lời và theo dõi tiến độ.
Tất cả bài học trong Kiến thức cơ bản
1Kiến thức cơ bản về HTML
HTML là gì?Cấu trúc cơ bản của HTMLThẻ và phần tửThẻ lồng nhau và thẻ đóngChú thích trong HTML2Văn bản và định dạng
Tiêu đềĐoạn vănNgắt dòngChữ đậm và chữ nghiêngLại chữ đậm và chữ nghiêngÔn tập: định dạng8Biểu mẫu và đầu vào phần 1
Kiến thức cơ bản về biểu mẫuÔ nhập văn bảnThuộc tính của ô nhậpTrường mật khẩuNhãn cho ô nhậpÔn tập: biểu mẫu cơ bản11Trang đăng ký sự kiện
Tổng quan dự ánPhần đầu trang3Làm việc với danh sách
Danh sách không có thứ tựDanh sách có thứ tựDanh sách lồng nhauÔn tập: danh sách9Biểu mẫu và đầu vào phần 2
Nút radioHộp kiểmDanh sách thả xuốngNútNút trong biểu mẫuÔn tập: biểu mẫu #1Ôn tập: biểu mẫu #2Tự luyện tập: Playground Web