Trong bài viết này, chúng ta sẽ mổ xẻ một tài liệu HTML(Một trong những ngôn ngữ học lập trình cơ bản) đơn giản để xem cấu trúc cơ bản của nó như thế nào.
Bạn hãy mở Notepad++ lên (hay bất kì trình soạn thảo nào tùy bạn).
Trước tiên hãy lưu văn bản mà bạn đang mở với phần mở rộng là html, tên file bạn đặt gì cũng được. Sau đó bạn viết một đoạn code đơn giản như hình vào rồi Ctrl + S để lưu lại.
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ủ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,...
- Nguồn trang: hocchuanweb.com
Không có nhận xét nào:
Đăng nhận xét