HTML Headings & Character Tags
HTML Headings & Character Tags
Heading Size Tags
Bold Text Tags also known as Strong
Text Tags
Italics Text Tags also known as Emphasised
Text, Variable Text,
Citation Text, and Defined Term Text Tags
Program Code Text Tag also known as
Typewriter Text, Keyboard Text,
and Sample Text Tags
* Text Size or Heading Tags: <h1> through <h6>
- Headings follow the document's structural order or outline.
They go from most prominent h1 to least prominent h6.
- h1 is often too big, especially alongside an image.
h2 is usually a bit smaller, but still pretty big.
h3 has been used here for major headings.
- h5 and h6 give much smaller type and are often useful
as "fine print.".
- As with all tags, Heading tags come in pairs: <h3> tagged text </h3>
- If you don't pair your Heading Tags, the "current" heading will be used.
- To add a line space between lines; use a heading closing tag on each line.
EXAMPLES: What do the Headings Look Like??
This is Heading Size H1.
This is Heading Size H2.
This is Heading Size H3.
This is Heading Size H4.
This is Heading Size H5.
This is Heading Size H6.
* Text Size using FONT Tags: <font size="+/-n"> where n is between 1 and 7. Standard font size is "3" and therefore you can also vary the size between - 2 and +4
- Headings are useful when a new line can be started, but not useful when you want to change font sizes in the middle of a line.
Font attributes include SIZE, STYLE, and COLOR
- As with nearly all tags, FONT tags come in pairs with a</font> tag required to turn off the text characteristic.
- If you don't pair your FONT Tags, the "current" font will be used until it is turned off, or a nesting error occurs.
- To add a line space between lines, the <br> line break tag must be used for each line.
EXAMPLES: What do the FONT Sizes Look Like??
This is the Standard Font Size.
This is Font Size = -2. EQUALS
This is Font Size = 1.
This is Font Size = -1. EQUALS
This is Font Size = 2.
This is the Standard Font Size which equals
This is Font Size = 3.
This is Font Size = +1. which equals
This is Font Size = 4.
This is Font Size = +2. which equals
This is Font Size = 5.
This is Font Size = +3. which equals
This is Font Size = 6.
This is Font Size = +4. which equals
This is Font Size = 7.
* Text Style or Font Tags: <b>, <i>, <strong>,
<em> and <code>, etc.
- Style Tags give typographical emphasis.
- <b> ("bold") and <i> ("italic") are physical:
This is bold; this is italic
- <strong> and <em> are descriptive or conceptual;
they usually give bold and italic, respectively:
This is strong; this is emphasized.
- <code> gives typewriter-looking font it is useful for
email addresses, programming code, etc.:
This is CODE
Hyperlinks: Table of Contents
Questions? E-mail your Instructor -
Dr. Charles Rubenstein
Tutorial Copyright (c) 1996-2006
C.P.Rubenstein