Thẻ <div> HTML
Thí dụ
Phần <div> trong tài liệu được tạo kiểu bằng CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thẻ <div>
xác định một bộ phận hoặc một phần trong tài liệu HTML.
Thẻ <div>
được sử dụng làm vùng chứa cho các phần tử HTML - sau đó được tạo kiểu bằng CSS hoặc được thao tác với JavaScript.
Thẻ <div>
được tạo kiểu dễ dàng bằng cách sử dụng thuộc tính class hoặc id.
Bất kỳ loại nội dung nào cũng có thể được đưa vào bên trong <div>
thẻ!
Lưu ý: Theo mặc định, các trình duyệt luôn đặt dấu ngắt dòng trước và sau <div>
phần tử.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính toàn cầu
Thẻ <div>
cũng hỗ trợ Thuộc tính chung trong HTML .
Thuộc tính sự kiện
Thẻ <div>
cũng hỗ trợ Thuộc tính sự kiện trong HTML .
Các trang liên quan
Hướng dẫn HTML: Khối HTML và Phần tử Nội tuyến
Hướng dẫn HTML: Bố cục HTML
Tham chiếu DOM HTML: Đối tượng Div
Cài đặt CSS mặc định
Hầu hết các trình duyệt sẽ hiển thị <div>
phần tử với các giá trị mặc định sau:
Thí dụ
div {
display: block;
}