Collapse
Expand
HTML to PDF Converter
Getting Started with HTML to PDF
HTML Content Destination and Scaling in PDF
Convert the Current HTML Page to PDF
Convert a HTML Page to PDF in Same Session
Merge Multiple HTML Pages into a Single PDF
Merge HTML with Existing PDF Documents
Partially Convert of a HTML Page to PDF
Repeat HTML Table Header and Footer in PDF
Headers and Footers
Add HTML in Header and Footer
Add Page Numbering in HTML
Add Header and Footer in External PDFs
Merge Multiple HTMLs into a Single PDF
Page Breaks Control
Screen and Print Media Types
Conversion Triggering Modes
Hierachical Bookmarks
Table of Contents
Live PDF Forms
HTML5 Features
HTTP GET and POST, Proxy Options
HTTP Headers and Cookies
Fonts Embedding
HTML Elements Location in PDF
HTML Elements Visibility in PDF
URI Links in PDF
Internal Links in PDF
File Links and Attachments
Text Notes in PDF
PDF Actions
HTML to PDF Elements
HTML to Image Elements
Images Quality in Generated PDF
Flash and Extensions Support
Watermarks and Stamps
PDF/A and PDF/X Standards
CMYK and GrayScale Color Spaces
PDF Viewer Preferences
PDF Security Features
HTML to Image Converter
PDF Creator
PDF Editor
Live Demo
Description
Sample Code
Add Page Numbering in HTML
Winnovative HTML to PDF Converter offers a great control of headers and footers. You can add in header and footer any PDF element that you can add in a PDF page : HTML, text, image. Even more you can add page numbering in HTML elements from header and footer. The Full Description and a Code Sample can be accessed from the top tabs.
Use TCP/IP Server
IP Address:
Port:
Use Web Service
URL:
Service Password:
HTML Page URL or Local File to Convert
HTML String with Page Numbering to Add in Footer
<!DOCTYPE html> <html> <head> <title>Add Page Numbering in HTML</title> </head> <body style="font-family: 'Times New Roman'; font-size: 14px"> <table style="width: 100%"> <tr> <td style="font-weight: bold; color: navy">HTML with Page Numbering</td> <td rowspan="2"><a href="http://www.winnovative-software.com"> <img alt="Logo Image" src="img/logo.jpg" /></a></td> <td rowspan="2" style="width: 5px"></td> </tr> <tr> <!-- Add Page Numbering in HTML using &p; and &P --> <td style="width: 90%">Page <span style="color: navy; font-weight: bold">&p;</span> of <span style="font-size: 16px; color: green; font-weight: bold">&P;</span> pages </td> </tr> </table> </body> </html>
Base URL
Draw Footer Line
Spacing:
pt