Thẻ div trong html là gì

-

Thẻ div (tiếng Anh: division) định nghĩa một phân vùng hoặc vùng trong một tài liệu HTML. Vì vậy, thẻ div thường được dùng để làm vùng chứa những phần tử HTML không giống xuất xắc dùng để định nghĩa bố cục giao diện của 1 trang đơn giản.

Bạn đang xem: Thẻ div trong html là gì

Xác định kích thước chiều rộng (width) website

Trong thiết kế Web, người ta chỉ cần nắm được thông số chiều rộng (width) của 1 website để biết thiết kế trang Web này như làm sao. Do website được hiển thị trên screen desktop, máy tính, tablet, Mobile,… gồm chiều rộng màn hình không giống nhau. Vì vậy, những nhà thiết kế Web thường thiết lập chiều rộng bằng tỉ lệ % và kết hợp với Bootstrap (hoặc framework) để xây dựng giao diện Web đáp ứng (responsive), tức đáp ứng hiển thị theo kích thước màn hình hiển thị.

Trong bài bác viết hướng dẫn bạn canh kích thước chiều rộng bằng đơn vị px (pixel), nếu bạn sử dụng đơn vị % thì cũng tương tự. Chúng ta sẽ lấy kích thước 1024px có tác dụng chuẩn vì chưng kích thước chiều rộng ở mức trung bình với 1 giao diện Web bên trên Desktop/Laptop. Trừ đi kích thước của tkhô giòn kéo dọc mặt phải (scrollbar) thì bạn tất cả kích thước chiều rộng rơi tầm 980px là ổn. Bạn có thể định nghĩa kích thước chiều rộng không giống là tùy ý.

Xem thêm: Lương Thế Thành Sinh Năm Bao Nhiêu, Tiểu Sử Thúy Diễm

Nếu bạn sử dụng div với độ rộng bằng đơn vị px để canh kích thước màn hình hiển thị thì Lúc pđợi to lớn thu nhỏ giao diện sẽ bị bể. Để giải quyết tình trạng đó, bạn phải dùng phong thái (css, ví dụ
truyền thông media screen…) theo từng màn hình hiển thị, bí quyết này có thể hơi phức tạp với bạn chưa hiểu gì về thiết kế giao diện. Nếu không, bạn phải sử dụng Bootstrap tốt framework tương tự để giải quyết vấn đề thay đổi kích thước màn hình. Tạm thời bạn cứ dính theo bài này để học bí quyết canh div trước đã.

Định nghĩa phong cách body

Trong bài này dùng thẻ style ở phần tử head, bạn tất cả thể lưu style bằng tệp tin riêng biệt biệt nếu muốn, chẳng hạn lưu tệp tin riêng thì code thế này:

Chúng ta sử dụng phong cách margin: 0 auto để tế bào tả bố cục tự động canh giữa (canh đều hai bên). Nếu không giao diện của bạn nằm lệch hẳn phía bên trái, nhìn không thẩm mỹ.