Displayed and Printed HTML Documents
This chapter provides tutorial notes and example codes on displayed pages and printed pages of HTML documents. Topics include differences of displayed and printed versions of HTML documents; default font family and size; image display size and screen resolution; horizontal scaling and clipping on printed paper; vertical page breaks; text block size and overflow; pagination control.
Differences between Displayed and Printed HTML Documents
Default Font Family and Font Size
Display Size of Image
Printed Width of HTML Document
Printed Height of HTML Document
Text Paragraph Block Size and Overflow
Pagination Control of HTML Documents
- The printed version of an HTML document looks different than the displayed version,
because the browser tries to adjust the layout of the document elements to fit the
width of the display screen or the printed paper.
- Most Web browsers use "Times New Roman" and "12pt" as the default font family and font size
to display your HTML documents.
- Most Web browsers use virtual screens with higher resolutions than physical screens.
So your one inch images appear smaller than one physical inch.
- HTML documents are not scaled on printed paper, if they are less than the width
of the printed paper. So your one inch images is one physical inch on printed paper.
- HTML documents are scaled down up to 67% on printed paper, if they are wider than
the printed paper. So your one inch images appear smaller than one physical inch.
- Page break occurs if HTML documents are longer than the length of the printed paper.
- Early page break may occur to avoid breaking images and some other HTML elements
into two pieces.
- You can control the pagination of the printed version of HTML documents
with "div" elements, one per page, with each "div" set to the printable area size on the paper.
Table of Contents
About This Book
Introduction of HTML
Introduction of HTML5 Features
HTML Document Structure and Content
HTML Document and Elements Syntax
►Displayed and Printed HTML Documents
Responsive Design of Web Pages
MathML Integration in HTML Documents
Full Version in PDF/EPUB