Header Footer
Set header and footer
📖 How to Use Click to view detailed usage instructions
Collapse Expand
📖 How to Use
Click to view detailed usage instructions
Header Footer Tool
Free online header footer generator, support setting header and footer left, center, right content, generate HTML, CSS, JavaScript code, one-click copy.
Main Features
1. Flexible Header Settings
- Left content: Can place chapter name, document title, etc.
- Center content: Can place logo, company name, etc.
- Right content: Can place date, page number, etc.
2. Flexible Footer Settings
- Left content: Can place file path, author, etc.
- Center content: Can place copyright info, etc.
- Right content: Can place page number, etc.
3. Dividing Line Control
- Option to show or hide header/footer dividing lines
- Default 1px gray dividing line
4. Multiple Output Formats
- HTML table layout
- CSS @page rules
- JavaScript configuration object
How to Use
- Set header content (left, center, right)
- Set footer content (left, center, right)
- Choose whether to show dividing lines
- Select output format
- Click "Copy Result"
Use Cases
- Document Layout: Set header footer for Word/Excel documents
- Web Printing: Set print style header footer
- Report Making: Add professional header footer for reports
- Contract Documents: Add signature info for contracts
FAQ
Supports auto page numbers?
In generated HTML code, page numbers need to be added manually. CSS code can use counters for auto page numbers.
Can customize dividing line style?
Current version provides default dividing line style, can modify generated CSS code for customization.
How to apply in Word?
Copy generated HTML code, use "Insert HTML" function in Word or manually set header footer.