Tin tổng hợp

div trong html – viettingame

Ở phần tìm hiểu về Inline và Block trước thì mình với nhắc qua thẻ <divvàgt; và phía trên là một thẻ thông dụng rất được sử dụng mà trong serie Học HTML của tớ đang không nói đến việc. Thế thì tại vì sao mình lại nói đến việc trong serie Học CSS này?

Chính vì thẻ <divvàgt; nếu như bạn chỉ sử dụng trong HTML ko thì thậm chí các bạn sẽ chưa hiểu lắm về vai trò của nó kéo theo việc hiểu sai, mà lúc các bạn thao tác làm việc với CSS thì phía trên là thẻ mà các bạn thậm chí sẽ rất thích vì như thế giản dị và đơn giản là sử dụng quá nhiều. Vì sao được sử dụng nhiều thì đọc hết bài sẽ rõ.

Đang xem: Div trong html

Ý nghĩa của thẻ <divvàgt;?

Thẻ <divvàgt; là gì? Phía trên là chiếc 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 khác trên một website, hay các bạn thậm chí hiểu là gom nhóm tập hợp những thực thể trên website vào một trong những khu vực với thẻ <divvàgt;.

Xem thêm: Nấm Truffle Là Gì Và Vì thế Sao Món Ăn Này Đắt Hơn Vàng? Truffle Là Gì

*
*

Thẻ div và tạo bố cục trên website 208″>

Tạo khu vực với thẻ <divvàgt;

Ví dụ thường thì một website sẽ sở hữu 4 phần đó là header (hiển thị banner, logo), nội dung (hiển thị nội dung), sidebar (cột lân cận nội dung) và footer (khu vực chân website). Vậy thì lúc này mình thậm chí tạo ra 4 thẻ <divvàgt; với 4 id không giống nhau nhằm mục tiêu chia khu vực ra. Trong những khu vực mình thậm chí thêm nội dung riêng cho nó vào, ví dụ:

<!DOCTYPE htmlvàgt; <html lang=”vi”> <headvàgt; <titlevàgt;Ví dụ về divvàlt;/titlevàgt; </headvàgt; <bodyvàgt; <!–Phần #header–> <div id=”header”> <h1vàgt;Tiêu đề websitevàlt;/h1vàgt; <pvàgt;Mô tả của websitevàlt;/pvàgt; </divvàgt; <!–Kết thúc #header–> <!–Phần nội dung–> <div id=”nội dung”> <pvàgt;Nội dung nội dung bài viết ở phía trên.</pvàgt; </divvàgt; <!–Kết thúc nội dung–> <!–Phần sidebar–> <div id=”sidebar”> <pvàgt;Phía trên là sidebarvàlt;/pvàgt; </divvàgt; <!–Kết thúc sidebar–> <!–Phần chân trang–> <div id=”footer”> <pvàgt;Copyright © 2015 Thach Pham Blog.</pvàgt; </divvàgt; <!–Kết thúc chân trang–> </bodyvàgt; </htmlvàgt;

Và lúc 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ì như thế mình sẽ hướng dẫn sau:

See the Pen Bygrgx by Thach Pham (
viettingame.com92) on CodePen.

Vậy đấy, ngắn gọn lại là nếu như bạn cần gom nhóm nhiều thành phần trên website vào một trong những khu vực thì thậm chí sử dụng thẻ <divvàgt; để làm. Tuy nhiên ở cuối serie này mình sẽ qua một số trong những thẻ HTML5 để tạo bố cục trên website với tác dụng y hệt thẻ <divvàgt; nhưng lúc này các bạn cứ sử dụng thẻ <divvàgt; thôi là được.

Xem thêm: Lịch Âm Ngày 20 7 Là Ngày Gì ? Ý Nghĩa Của Ngày 20 Tháng 10 Ngày 20 7 Là Ngày Gì

3.5 / 5 ( 13 đánh giá )
Xem tiếp bài trong seriePhần trước: Thực thể Block (khối) và Inline (nội dòng) Phần sau đó: Box Model và những thuộc tính
csscss cơ bảncss layouthtmlvideo hướng dẫn
13 comment
Thạch Phạm

Nhỏ nhắn Thạch 18 tuổi, hiện công tác và làm việc tại AZDIGI với vị trí giữ xe và viết thuê tại viettingame.com. Sở trường nghiên cứu và phân tích về website, DevOps, SysAdmin và xăm mình nữa. Phương châm sống của nhỏ nhắn là “No Pain, No Gain”.

Về Viettingame.com

Viettingame.com - Chuyên trang web tổng hợp những thông tin hữu ích trên internet như thông tin về game, tin tổng hợp
Xem tất cả các bài viết của Viettingame.com →

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *