Chân trang trong html ở đâu?

HTML Template Example

Giả sử chúng ta đang xây dựng một trang web cho một quán cà phê địa phương có tên là The Golden Roast. Trang web này có thông tin về quán cà phê, nguồn gốc của nó, thông tin liên hệ và chỉ đường đến cửa hàng. Chúng tôi muốn trang bao gồm một chân trang có tuyên bố bản quyền

Chúng ta có thể sử dụng đoạn mã sau để tạo chân trang này

	
Copyright © 2020 The Golden Roast.

Khi chúng tôi chạy mã của mình, phần sau sẽ xuất hiện ở cuối trang web của chúng tôi

The tag does not have any tag-specific HTML attributes. However, the tag does support all global attributes in HTML, just like any other tag. All major modern web browsers support the tag.

» THÊM.   Thêm thẻ không gian HTML

Chân trang cố định HTML

Bạn có thể quyết định rằng bạn muốn chân trang của mình dính vào cuối trang web. Điều này có nghĩa là chân trang sẽ vẫn cố định ở cuối trang web của bạn, ở một vị trí cụ thể

Điều này khác với chân trang truyền thống, chỉ xuất hiện ở bất cứ đâu được khai báo trong tệp HTML. Chân trang truyền thống thường xuất hiện ở cuối trang

Ví dụ: giả sử chúng tôi muốn tuyên bố bản quyền cho trang web quán cà phê của chúng tôi được cố định ở cuối trang web. Chúng tôi muốn tuyên bố có nền màu nâu và văn bản màu trắng. Chúng ta có thể sử dụng đoạn mã sau để hoàn thành nhiệm vụ này

Welcome to The Golden Roast!


footer {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	background-color: brown;
	color: white;
	text-align: center;
}



	
Copyright © 2020 The Golden Roast.

  

mã của chúng tôi trả về

Chúng tôi đã tạo một chân trang dính vào cuối trang web của chúng tôi.  

Let’s break down our code. First, we declared a tag that stores the code for our web page’s body. We then used a tag to define the styles we will apply to the footer element. In our tag, we specified that we want the position of the element to be fixed.

Chúng tôi đặt màu nền của phần tử thành màu nâu bằng cách sử dụng thuộc tính màu nền HTML và CSS. Ngoài ra, chúng tôi đặt màu của văn bản được lưu trữ trong phần tử thành màu trắng. Điều này đã được thực hiện bằng cách sử dụng thuộc tính màu. Chúng tôi đã căn chỉnh văn bản chân trang vào giữa trang

Tiếp theo, chúng tôi đặt chiều rộng của phần tử bằng kích thước của toàn bộ trang. Cuối cùng, chúng tôi sử dụng bên trái. 0 và dưới cùng. 0 tham số để đặt vị trí của chân trang của chúng tôi

» THÊM.   Phân biệt giữa các loại khoảng trắng trong HTML

Để tìm hiểu thêm về các thuộc tính vị trí CSS mà chúng tôi đã sử dụng để làm cho chân trang của mình hấp dẫn, hãy xem bài viết về vị trí CSS của chúng tôi

Phần kết luận

The tag is used to define a footer in HTML. Footers usually contain information relevant to a website, such as a copyright statement, information about the author, and contact details.

"Career Karma bước vào cuộc đời tôi khi tôi cần nó nhất và nhanh chóng giúp tôi phù hợp với bootcamp. Hai tháng sau khi tốt nghiệp, tôi đã tìm được công việc mơ ước phù hợp với giá trị và mục tiêu của mình trong cuộc sống. "

Venus, Kỹ sư phần mềm tại Rockbot

This tutorial discussed, with an example, how to use the tag in HTML—including how to create a fixed footer. Now you’re equipped with the knowledge you need to start working with the HTML tag like an expert web developer!

Nếu bạn đang tìm kiếm thêm tài nguyên học HTML, hãy xem hướng dẫn Cách học HTML của chúng tôi

2 xếp hạng

Về chúng tôi. Career Karma là một nền tảng được thiết kế để giúp người tìm việc tìm kiếm, nghiên cứu và kết nối với các chương trình đào tạo việc làm để thăng tiến trong sự nghiệp của họ. Tìm hiểu về ấn phẩm CK

Chân trang có nằm trong HTML chính không?

Chân trang đi đâu?

Chân trang trong HTML là gì?