Thẻ <footer> trong HTML


1) Giới thiệu "các thành phần cơ bản của một trang web"

- Thông thường, một trang web thuộc loại "cơ bản nhất" sẽ có ba thành phần: header, main, footer.

- Trong đó:

  • Header là phần đầu trang, nó chủ yếu chứa một vài thông tin, tiêu đề, logo, liên hệ, ....
  • Main là phần thân trang, nó dùng để xác định phần nội dung chính của trang web.
  • Footer là phần chân trang, nó chứa thông tin bản quyền, liên hệ, tác giả, ....

- Ví dụ: Bên dưới là một mẫu trang web thuộc dạng cơ bản nhất.

WEB CƠ BẢN .VN
Hướng dẫn học lập trình web từ cơ bản đến nâng cao

HỌC LÀM WEBSITE BẮT ĐẦU TỪ ĐÂU?

- Có thể bạn không phải là một lập trình viên nhưng lại rất thích làm website. Bạn muốn học làm, nhưng không biết phải bắt đầu từ đâu và liệu mình có thể học được hay không !?

- Chúng tôi xin khẳng định với bạn rằng: "Bạn hoàn toàn có thể học và làm được website" nếu kiên trì mỗi ngày dành ra một vài giờ để học. Tùy vào mức độ chăm chỉ, tuy nhiên tối đa không quá sáu tháng bạn sẽ có thể bắt đầu tự làm được website.

- Ngoài ra, webcoban.vn hân hạnh giới thiệu đến bạn loạt tài liệu Hướng dẫn học lập trình web đã được biên soạn kỹ theo trình tự từ cơ bản đến nâng cao kèm theo một hướng đi đúng đắn đối với người mới bắt đầu học làm website như sau:

  • Trước tiên bạn phải học ngôn ngữ HTML
  • Sau khi đã tìm hiểu xong HTML thì học tiếp CSS
  • Và kế đến là JavaScript sau khi học xong HTML & CSS
  • Tiếp theo là hệ quản trị cơ sở dữ liệu MySQL
  • Và cuối cùng là ngôn ngữ lập trình PHP

- Sau khi học xong năm ngôn ngữ trên, đồng nghĩa với việc bạn đã có thể bắt đầu tự làm được website. Ngoài ra bạn cũng có thể học thêm các ngôn ngữ khác như jQuery, Bootstrap, Nodejs, Codeigniter,.... để giúp tăng tốc độ phát triển website.

©2016 Web cơ bản All Rights Reserved

2) Thẻ <footer> trong HTML

- Thẻ <footer> xác định phần chân của trang web, nó thường được dùng để chứa các thông tin liên hệ, bản quyền, tác giả, liên kết, ....

Ví dụ:

<footer>
    <div>©2016 Web cơ bản All Rights Reserved</div>
</footer>
Xem ví dụ

3) Định dạng CSS mặc định

- Hầu hết các trình duyệt sẽ hiển thị phần tử <footer> với định dạng CSS như sau:

footer { 
    display: block;
}