HTML 03 – Các thành phần chính của 1 giao diện website cơ bản

0
79

Xin chào các bạn, trong bài viết số 3 hôm nay, mình sẽ giới thiệu cho các bạn 1 vấn đề khá là thú vị và rất nhiều bạn muốn biết để có thể xây dựng được một website hoàn chỉnh, đó chính là Bố cục chuẩn của 1 giao diện website cơ bản như thế nào, bao gồm các thành phần ra sao.

Mình sẽ đi vào nội dung luôn nhé !

Thông thường, giao diện website sẽ được chia ra thành các thành phần như sau:

  • Phần Header

    Header gọi là phần đầu trang, phần này gần như cố định, website nào cũng có. Nội dung bên trong thường có logo, thanh tìm kiếm, …

bố cục giao diện website đơn giản 01

  • Phần Footer

    Footer gọi là phần chân trang trong giao diện website, phần này cũng cố định. Nội dung bên trong footer thường là thông tin liên hệ, số điện thoại, email, địa chỉ, các đối tác kết hợp, các liên kết bên ngoài, … của website.

bố cục giao diện website đơn giản 02

  • Phần Menu

    Phần này cố định. Nội dung thường là các chuyên mục, danh mục của website.

bố cục giao diện website đơn giản 03

  • Phần Sidebar

    Phần này là phần thường chứa các nội dung quảng cáo, các thông tin bên lề, thông tin thêm, các thông tin không liên quan tới website.

bố cục giao diện website đơn giản 04

  • Phần Main Content

    Đây là phần nội dung chính của giao diện website. Phần này thì tùy thuộc vào từng nội dung của website đó.

Để chia các thành phần như trên bằng thẻ HTML thì ta sẽ dùng thẻ <div> kết hợp với các kiến thức trong serie học html, css để định dạng giao diện. Nếu bạn chưa biết thì hãy chờ các bài tiếp theo nhé.

Chúc các bạn học tập tốt !

 

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây