Kindle HTML Tags Sampler

Heading Tags Demo

<h1></h1> for

Level 1 Heading

<h2></h2> for

Level 2 Heading

<h3></h3> for

Level 3 Heading

<h4></h4> for

Level 4 Heading

<h4 align="center">Centered Example</h4>

<h4 align="center">Right Margin Example</h4>

Paragraph Tags Demo

By default, paragraph text is displayed with full justified alignment, and automatic hyphenation. The first line of each paragraph is automatically indented. Readers can adjust the alignment in the Kindle. If you need to override the user-adjustable indentation, use any of the following:

<p align="left">align="left" forces an unindented paragraph.</p>

<br><br> forces an unindented paragraph..

<div align="left"> div align="left" forces an unindented paragraph.</div><br>

Alter first line paragraph indentation by using the width attribute:
<p width="N"> (pixels), <p width="N%"> (percent of page width), <p width="Nem"> (width of letter “M”), or <p width="Npt"> (points).
Examples:

<p width="10%"> Indent (10% of page width)</p>

<p width="5em"> Indent (5 em).</p>

Line Break Tag Demo

<br> Creates a line break. This is an open tag (not paired, i.e. there is no such tag as </br>).

Center Tag for Text Demo

<center> </center> Centers text horizontally, e.g.
<center>Page Center</center>

Horizontal Rule Line Demo

<hr> Horizontal rule line to divide sections. This is an open tag, i.e. not paired.
It accepts the attribute-value pair width="N" (N may be a number or %),

<hr color="gray" width="80%">:

Division Tag Demo

Division <div> </div> defines a division or section of a document.
It accepts the attribute-value pair align="left", e.g.
this division is at left margin.
or the attribute-value pair align="center", e.g.
this division is at center page.
or the attribute-value pair align="right", e.g.
this division is at right margin.
To center an image use:
<br><br>
<div align="center">
<img src="XYZ"><br>
CAPTION
</div>
<br>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


America’s Historic Documents

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lists Tags Demo

<dl> </dl> Creates a definition list of enclosed definitions <dd> </dd> each followed by an enclosed definition term <dt> </dt>. Note <dd> is indented.
<dl>
<dt>Kindle </dt>
<dd>The Kindle is the revolutionary eReader from Amazon.com </dd>
</dl>
<ol> </ol> Creates a numbered list
  1. from enclosed
  2. <li> tag items.</li>
<li> </li> Identifies an item in an number ordered or bullet unordered list.
<ul> </ul> Creates a bullet list

Image Tag Demo

<img> is a placeholder for an image. This is an "open" tag, i.e. not paired. It must include the attribute-value pair src="URI". e.g. <img src="Kindle.jpg">. For Kindle Editions, this image must be include in compressed .zip file that is uploaded to DTP.

Links Tags Demo

<a> </a> Anchor for hyperlink.
For an external link it requires the attribute-value pair href="URL" ,
e.g. <a pair href="http://www.amazon.com">Amazon.com</a>.
For an internal link (also called a page 'fragment') it requires the attribute-value pair href="#FRAGMENT" ,
e.g. <a href="#ch1">Heading Tags Demo</a>.
The fragment must be tagged with either an anchor plus the attribute-value pair name="FRAGMENT" or with the attribute-value pair id="FRAGMENT" inside any other tag, e.g.
<a name="ch1">Chapter 1</a> or <h3 name="ch1">Chapter 1</h3>.
Fragment values must be unique, e.g. having two fragments identified as "ch1" will leave the links so named inoperable.

Bold Tag Demo

<b> </b> Formats enclosed text as <b>bold</b>.

Italic Tag Demo

<i> </i> Formats enclosed text as <i>italic</i>.

Font Tag Demos

<font> </font> Determines the appearance of the enclosed text.
It accepts the attribute-value pair size="N" (N may be a number or number %),
Examples: <font size="1">size="1"</font> <font size="2">size="2"</font> <font size="3">size="3"</font>
<font size="4">size="4"</font> <font size="5">size="5"</font>
<font size="6">size="6"</font> <font size="7">size="7"</font>

Other Text Tags Demos

<small> </small> Text is one point <small>smaller</small> than the current size.
<s> </s> Formats text as <s> strike through</s>.
<sub> </sub> Text as subscript, i.e. a reduced font size and dropped below the baseline of the text<sub>a</sub>.
<sup> </sup> Text as superscript, i.e. a reduced font size and placed above the baseline, as in a reference to a footnote<sup>1 </sup>