Phần tử khối và nội dòng trong HTML
Mỗi phần tử trong HTML đều có giá trị hiển thị mặc định, phụ thuộc vào việc nó là kiểu phần tử nào. Giá trị hiển thị mặc định của hầu hết các phần tử là khối hoặc nội dòng.
Các phần tử khối
Phần tử khối thường bắt đầu từ đầu dòng và chiếm toàn bộ chiều rộng có thể có (từ bên trái tới bên phải)
<div class="w3-theme-border" style="border-width:1px;border-style:solid;padding:5px;">
Ví dụ phần tử <div> là phần tử khối. </div>
<div>Hello</div>
<div>World</div>
Các phần tử khối trong HTML
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Phần tử nội dòng
Phần tử nội dòng không bắt đầu dòng mới và chỉ chiếm độ rộng cần thiết.
<p>Phần tử <span class="w3-theme-border" style="border-width:1px;border-style:solid;padding:5px"> <span> là phần tử nội dòng</span> trong đoạn văn.</p>
<span>Hello</span>
<span>World</span>
Các phần tử nội dòng trong HTML
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Phần tử <div>
Phần tử <div>
thường được dùng để chứa các phần tử HTML khác, nó không có thuộc tính bắt buộc nhưng style, class
và id
là các thuộc tính phổ biến. Khi dùng cùng CSS, phần tử <div>
có thể dùng để tạo kiểu cách cho khối nội dung.
<div style="background-color:black;color:white;padding:20px;">
<h2>Ca ngợi Tổ quốc</h2>
<p>Trời cao trong xanh sương sớm long lanh mặt nước xanh xanh cành lá rung rinh.</p>
</div>
Phần tử <span>
Phần tử <span>
thường được dùng để chứa các phần tử văn bản trong HTML, nó không có thuộc tính bắt buộc nhưng style, class
và id
là các thuộc tính phổ biến. Khi dùng cùng CSS, phần tử <span>
có thể dùng để tạo kiểu cách cho khối nội dung.
<p>Cô gái <span style="color:red">xinh đẹp</span> kia là ai</p>
Bài trước: Danh sách trong HTML
Bài sau: Thuộc tính class trong HTML
Bạn nên đọc
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:


Cũ vẫn chất
-
Gét gô là gì? Thử thách 6 ngày 6 đêm là gì?
Hôm qua 6 -
DRAM và DRAM-less SSD có gì khác nhau?
Hôm qua -
PING là gì? Test PING như thế nào?
Hôm qua -
Điểm ưu tiên, điểm khuyến khích, khu vực ưu tiên khi xét tuyển năm 2022
Hôm qua -
Cách tắt kiểm tra chính tả trong Word
Hôm qua 1 -
Dynamic System Updates là gì?
Hôm qua -
Các cách làm, tùy chỉnh trong bài sẽ giúp tăng tốc Windows 10 của bạn "nhanh như gió"
Hôm qua 6 -
Cách gỡ huy hiệu Threads khỏi trang cá nhân Instagram
Hôm qua -
Cách ẩn, hiện ghi chú trong bảng trên Excel
Hôm qua -
Code Tiểu Yêu Tầm Đạo mới nhất
Hôm qua