Hướng dẫn how do you put a header and footer in html? - làm cách nào để đặt đầu trang và chân trang trong html?

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Phần tử đại diện cho một thùng chứa cho nội dung giới thiệu hoặc một tập hợp các liên kết điều hướng.

Một phần tử thường chứa:

• một hoặc nhiều yếu tố tiêu đề [ -]
• logo hoặc biểu tượng
• thông tin tác giả

Lưu ý: Bạn có thể có một số phần tử trong một tài liệu HTML. Tuy nhiên, không thể được đặt trong A hoặc một phần tử khác. You can have several elements in one HTML document. However, cannot be placed within a , or another element.

Hỗ trợ trình duyệt

Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ phần tử.

Thuộc tính toàn cầu

Thẻ cũng hỗ trợ các thuộc tính toàn cầu trong HTML.

Thuộc tính sự kiện

Thẻ cũng hỗ trợ các thuộc tính sự kiện trong HTML.

Nhiều ví dụ hơn

Thí dụ

Tiêu đề trang:

& nbsp; Tiêu đề trang chính ở đây & nbsp; Đăng bởi John Doe
 

Main page heading here

Posted by John Doe

Hãy tự mình thử »

Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Phần tử đại diện cho một thùng chứa cho nội dung giới thiệu hoặc một tập hợp các liên kết điều hướng.

Một phần tử thường chứa:

một hoặc nhiều yếu tố tiêu đề [ -]
  display: block;
}

Học cách tạo kiểu tiêu đề.

Tiêu đề lớn

Hãy tự mình thử »

Tạo một tiêu đề

Thí dụ

& nbsp; Tiêu đề & nbsp; Tiêu đề SuperCool của tôi
 

Header

My supercool header

Kiểu tiêu đề với một phần đệm lớn, văn bản giữa, màu nền cụ thể và một văn bản có kích thước lớn:

Thí dụ

& nbsp; Tiêu đề & nbsp; Tiêu đề SuperCool của tôi
  padding: 60px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
}

Hãy tự mình thử »

Tạo một tiêu đềW3Schools Spaces? Here you can create your website from scratch or use a template, and host it for free.

Bước 1] Thêm HTML:

Thí dụ

& nbsp; Tiêu đề & nbsp; Tiêu đề SuperCool của tôiPrev|Next

Bước 2] Thêm CSS:

Kiểu tiêu đề với một phần đệm lớn, văn bản giữa, màu nền cụ thể và một văn bản có kích thước lớn:

Chúng ta hãy xem ví dụ sau để hiểu về cơ bản nó hoạt động như thế nào:

Implement Sticky Header and Footer with CSS

    /* Add some padding on document's body to prevent the content
    to go underneath the header and footer */
    body{        
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .fixed-header, .fixed-footer{
        width: 100%;
        position: fixed;        
        background: #333;
        padding: 10px 0;
        color: #fff;
    }
    .fixed-header{
        top: 0;
    }
    .fixed-footer{
        bottom: 0;
    }
    .container{
        width: 80%;
        margin: 0 auto; /* Center the DIV horizontally */
    }
    nav a{
        color: #fff;
        text-decoration: none;
        padding: 7px 25px;
        display: inline-block;
    }



    

        

            
                Home
                About
                Products
                Services
                Contact Us
            
        
    
    

        
Lorem ipsum dolor sit amet, consectetur adipiscing elit...
    
    
    

        
Copyright © 2016 Your Company
        
    

Câu hỏi thường gặp liên quan

Dưới đây là một số Câu hỏi thường gặp liên quan đến chủ đề này:

• Cách căn chỉnh một trung tâm theo chiều ngang bằng cách sử dụng CSS
• Cách trung tâm căn chỉnh định vị tuyệt đối div theo chiều ngang bằng cách sử dụng CSS
• Cách phủ một div trên div khác bằng cách sử dụng CSS