Thẻ HTML <div>
Ví 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>
Hãy tự mình thử »Thêm 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 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 các phần tử HTML - sau đó được tạo kiểu bằng CSS hoặc được xử lý bằng JavaScript.
Thẻ <div>
có thể dễ dàng được tạo kiểu bằng cách sử dụng thuộc tính lớp hoặc id.
Bất kỳ loại nội dung nào cũng có thể được đặt bên trong thẻ <div>
!
Lưu ý: Theo mặc định, trình duyệt luôn đặt dấu ngắt dòng trước và sau phần tử <div>
.
Hỗ trợ trình duyệt
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Thuộc tính chung
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 .
Trang liên quan
Hướng dẫn HTML: Khối HTML và các 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ị phần tử <div>
với các giá trị mặc định sau: