Kiến thức về HTML (P13): Cấu trúc cơ bản của HTML
Trong bài hôm nay, chúng ta tìm hiểu cấu trúc cơ bản của HTML, ở bài đầu mình có giới thiệu sơ qua cho các bạn về phần cấu trúc, bài này chi tiết hơn để các bạn có thể nắm vững thêm kiến thức.
Cấu trúc cơ bản của HTML
Cấu trúc cơ bản của trang HTML/XHTML có dạng như sau, thường gồm 3 phần:
- <!Doctype>: Phần khai báo chuẩn của html hay xhtml.
- <head></head>: Phần khai báo ban đầu, khai báo về meta, title, css, javascript…
- <body></body>: Phần chứa nội dung của trang web, nơi hiển thị nội dung.
Cấu trúc cơ bản
Cấu trúc cơ bản của trang web
Mỗi trang web đều có cách thể hiện cấu trúc khác nhau, có trang 1 cột, có trang 2 và cũng có trang chứa nhiều cột, bên dưới đây chúng ta tham khảo một trang đơn giản sử dụng 2 cột để layout.
- Phần đầu: header, có thể chứa logo, câu slogan, các liên kết, các banner liên kết, các button, đoạn flash, hoặc các form ngắn như form tìm kiếm,…
- Phần liên kết toàn cục: global navigation, dùng để chứa các liên kết đến những trang quan trọng trong toàn bộ trang, trong phần này có thể chứa thêm các liên kết con (sub navigation).
- Phần thân của trang: page body, phần này chứa phần nội dung chính (content) và phần nội dung phụ (sidebar).
- Phần nội dung chính: content, phần này chứa nội dung chính cần thể hiện cho người dùng xem.
- Phần nội dung phụ: sidebar, phần này có thể chứa liên kết phụ của từng trang (local navigation), hoặc các banner chứa liên kết liên quan, hoặc có thể dùng để chứa các liên kết quảng cáo,…
- Phần cuối trang web: footer, phần này thường chứa phần liên hệ như: tên công ty, địa chỉ, số điện thoại, mail liên hệ,… và đặc biệt là copyright, hoặc có thể chứa các liên kết toàn trang, các banner liên kết,…
Chúc các học thiết kế web thật giỏi. Theo dõi các bài về kiến thức HTML nhé, còn nhiều kiến thức hữu ích dành cho bạn.
Xem thêm:
- Kiến thức về HTML (P1): Giới thiệu HTML và tạo trang web bằng HTML
- Kiến thức về HTML (P2): HTML Elements
- Kiến thức về HTML (P3): Hướng dẫn tạo bảng HTML
- Kiến thức về HTML (P4): Tag mới trong HTML
- Kiến thức về HTML (P5): Đơn vị trong HTML và CSS
- Kiến thức về HTML (P6): HTML Symbols-mã kí tự chữ
- Kiến thức về HTML (P7): HTML Symbols-mã kí tự số
- Kiến thức về HTML (P8): Thẻ định dạng tiêu đề
- Kiến thức về HTML (P9): Thẻ định dạng đoạn văn bản
- Kiến thức về HTML (P10): Thẻ phân chia khu vực
- Kiến thức về HTML (P11): Thẻ <!Doctype> và HTML/XHTML theo giá trị DTD
- Kiến thức về HTML (P12): Cách tạo và hiển thị một file HTML
Người viết đánh giá
- Rated 5 stars
- Tuyệt vời
- 100%
- Reviewed by: Phạm Trang
- Published on: 30/06/2016
- Last modified: 30/06/2016
Giới thiệu
WEBICO là công ty thiết kế website theo hướng chuyên nghiệp và hiện đại, tiên phong trong việc áp dụng các công nghệ hàng đầu trên thế giới hiện nay như HTLM5, CS3, PHP, Bootstrap,...Ngoài ra, WEBICO còn cung cấp thêm các giải pháp cũng như dịch vụ chuyên về Internet Marketing.
Báo giá dịch vụ
Liên hệ với chúng tôi để nhận báo giá dịch vụ cho dự án của bạn với chi phí tốt nhất.
Bình luận