Hướng dẫn div html la gì - div html là gì

Mỗi thẻ (hay mỗi phần tử) trong HTML đều có chức năng và nhiệm vụ riêng. Trong đó, thẻ div là thẻ được các lập trình viên sử dụng tương đối thường xuyên. Vậy cụ thể thẻ div là gì và nó có nhiệm vụ thế nào trong HTML?div là gì và nó có nhiệm vụ thế nào trong HTML?

  • Tìm hiểu thêm: Thẻ style trong HTML là gì? Các thuộc tính trong thẻ style Thẻ style trong HTML là gì? Các thuộc tính trong thẻ style

Mục lục

  • 1. Định nghĩa thẻ div là gì? 
  • 2. Tác dụng của thẻ div trong HTML
  • 3. Phân biệt sự khác nhau giữa thẻ span và thẻ div 
  • 4. Những thẻ không được dùng bên trong thẻ div là gì

1. Định nghĩa thẻ div là gì? 

2. Tác dụng của thẻ div trong HTML

  • 3. Phân biệt sự khác nhau giữa thẻ span và thẻ div 
Hướng dẫn div html la gì - div html là gì
4. Những thẻ không được dùng bên trong thẻ div là gì

2. Tác dụng của thẻ div trong HTML

3. Phân biệt sự khác nhau giữa thẻ span và thẻ div 

Hướng dẫn div html la gì - div html là gì
4. Những thẻ không được dùng bên trong thẻ div là gì

div – viết tắt của division – là thẻ được dùng để nhóm nhiều phần tử HTML lại với nhau. Mỗi thẻ trong HTML đều có mục đích khác nhau. Ví dụ như thẻ (viết tắt của paragraph) được dùng để chỉ định một đoạn văn bản nhất định, hay thẻ dùng để ngắt đoạn văn bản trong HTML. Thẻ là thẻ đánh dấu một khối (block) gồm nhiều thẻ khác trong khối. Như tên gọi, thẻ giúp các tài liệu HTML được chia thành các phần (khối) riêng biệt. 

Đọc thêm: Các thẻ HTML cơ bản được sử dụng trong thiết kế websitethẻ div là gì trong HTML 

dinh nghia the div la gi

tac dung cua the div trong HTML

phan biet su khac nhau giua the span va the div

Nguồn: educba

Thẻ div được dùng để nhóm các phần tử lại với nhau trong các khu vực của website. Các khu vực đó bao gồm: header (nhóm nội dung ở đầu trang web), global navigation (liên kết giữa các trang trong website), page body (thân nội dung của trang), content (gồm text và hình ảnh của bài), sidebar (nội dung phụ chạy dọc hai bên trái phải trang web), footer (nhóm nội dung ở cuối trang web).

Ngoài ra, một số cấu trúc hoặc các khu vực lớn bên trong chứa nhiều thẻ cũng được khuyên dùng thẻ div để phân nhóm. Việc nhóm các cấu trúc lại bằng thẻ sẽ giúp cho quá trình định dạng, điều khiển,… nguyên cụm dễ dàng hơn rất nhiều. Người dùng chỉ cần thêm hoặc bớt đặc tính bằng một dòng có gắn thẻ div là khối nội dung đó sẽ thay đổi như yêu cầu. 

Bạn hãy cùng xem ví dụ mẫu dưới đây để hiểu rõ hơn tác dụng của thẻ div là gì trong HTML 

Kết quả của đoạn code trên như sau

3. Phân biệt sự khác nhau giữa thẻ span và thẻ div  

4. Những thẻ không được dùng bên trong thẻ div là gìdiv là gì?

div – viết tắt của division – là thẻ được dùng để nhóm nhiều phần tử HTML lại với nhau. Mỗi thẻ trong HTML đều có mục đích khác nhau. Ví dụ như thẻ (viết tắt của paragraph) được dùng để chỉ định một đoạn văn bản nhất định, hay thẻ dùng để ngắt đoạn văn bản trong HTML. Thẻ là thẻ đánh dấu một khối (block) gồm nhiều thẻ khác trong khối. Như tên gọi, thẻ giúp các tài liệu HTML được chia thành các phần (khối) riêng biệt. 

Hướng dẫn div html la gì - div html là gì
Đọc thêm: Các thẻ HTML cơ bản được sử dụng trong thiết kế website

4. Những thẻ không được dùng bên trong thẻ div là gì

div – viết tắt của division – là thẻ được dùng để nhóm nhiều phần tử HTML lại với nhau. Mỗi thẻ trong HTML đều có mục đích khác nhau. Ví dụ như thẻ (viết tắt của paragraph) được dùng để chỉ định một đoạn văn bản nhất định, hay thẻ dùng để ngắt đoạn văn bản trong HTML. Thẻ là thẻ đánh dấu một khối (block) gồm nhiều thẻ khác trong khối. Như tên gọi, thẻ giúp các tài liệu HTML được chia thành các phần (khối) riêng biệt. 

Đọc thêm: Các thẻ HTML cơ bản được sử dụng trong thiết kế website

Nguồn: educba


Thẻ div được dùng để nhóm các phần tử lại với nhau trong các khu vực của website. Các khu vực đó bao gồm: header (nhóm nội dung ở đầu trang web), global navigation (liên kết giữa các trang trong website), page body (thân nội dung của trang), content (gồm text và hình ảnh của bài), sidebar (nội dung phụ chạy dọc hai bên trái phải trang web), footer (nhóm nội dung ở cuối trang web).div là gì để tránh, giúp cho quá trình tải trang web được tối ưu.




Ở phần tìm hiểu về Inline và Block trước thì mình có nhắc qua thẻ

 và đây là một thẻ phổ biến rất được sử dụng mà trong serie Học HTML của mình đã không nói đến. Thế thì tại sao mình lại nói đến trong serie Học CSS này?

Bởi vì thẻ

 nếu bạn chỉ sử dụng trong HTML không thì có thể bạn sẽ chưa hiểu lắm về vai trò của nó dẫn đến việc hiểu sai, mà khi bạn làm việc với CSS thì đây là thẻ mà bạn có thể sẽ rất thích vì đơn giản là sử dụng quá nhiều. Tại sao được sử dụng nhiều thì đọc hết bài sẽ rõ.

Ý nghĩa của thẻ
?

Thẻ

 là gì? Đây là cái thẻ mà nó là chữ viết tắt của division (nghĩa là khu trong tiếng Việt theo từ điển kỹ thuật chung) được sử dụng để tạo ra một khu vực kiểu block nào đó trên một website, hay bạn có thể hiểu là gom nhóm tập hợp các phần tử trên website vào một khu vực với thẻ
.khu trong tiếng Việt theo từ điển kỹ thuật chung) được sử dụng để tạo ra một khu vực kiểu block nào đó trên một website, hay bạn có thể hiểu là gom nhóm tập hợp các phần tử trên website vào một khu vực với thẻ
.

Hướng dẫn div html la gì - div html là gì

Tạo khu vực với thẻ

Ví dụ thường thì một website sẽ có 4 phần chính là header (hiển thị banner, logo), content (hiển thị nội dung), sidebar (cột bên cạnh nội dung) và footer (khu vực chân website). Vậy thì bây giờ mình có thể tạo ra 4 thẻ

 với 4 id khác nhau nhằm chia khu vực ra. Trong mỗi khu vực mình có thể thêm nội dung riêng cho nó vào, ví dụ:header (hiển thị banner, logo), content (hiển thị nội dung), sidebar (cột bên cạnh nội dung) và footer (khu vực chân website). Vậy thì bây giờ mình có thể tạo ra 4 thẻ
 với 4 id khác nhau nhằm chia khu vực ra. Trong mỗi khu vực mình có thể thêm nội dung riêng cho nó vào, ví dụ:

[html] Ví dụ về div Tiêu đề website Mô tả của website



Ví dụ về div




Nội dung bài viết ở đây.


Nội dung bài viết ở đây.



Đây là sidebar Copyright © 2015 Thach Pham Blog. [/html]








[/html]

Và khi thêm một xíu CSS thì nó sẽ trở thành một bố cục thế này, đừng bận tâm quá về CSS vì mình sẽ hướng dẫn sau:

Vậy đấy, ngắn gọn lại là nếu bạn cần gom nhóm nhiều thành phần trên website vào một khu vực thì có thể sử dụng thẻ

 để làm. Mặc dù ở cuối serie này mình sẽ qua một số thẻ HTML5 để tạo bố cục trên website với chức năng y hệt thẻ
 nhưng bây giờ bạn cứ dùng thẻ
 thôi là được.

Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.