Các phần tử div

Hãy tưởng tượng bạn muốn chia trang web thành các khối để sắp xếp nội dung. Trong HTML, bạn có thể dùng div để nhóm các phần tử lại với nhau. 

Thẻ div rất hữu ích để tạo bố cục và phân chia các phần.

Đây là cú pháp cơ bản:

<div>
	<!-- Nội dung đặt ở đây -->
</div>

Bạn có thể thêm các phần tử HTML khác vào bên trong div, chẳng hạn như đoạn văn, tiêu đề, hình ảnh và thậm chí cả các phần tử div khác. 

Đây là ví dụ về cách dùng thẻ div để tạo bố cục đơn giản với phần đầu trang, khu vực nội dung chính và phần chân trang:

<div>
	<h1>Header</h1>
</div>
<div>
	<p>Main content goes here.</p>
</div>
<div>
	<p>Footer</p>
</div>