

HTML TAGS FOR WEB PAGE BUILDERS
You can utilize Hypertext Markup Language (HTML) tags while building your Web pages to enhance the look. The following list of codes is not inclusive, but is a list of the most common codes you will probably want to use.
- Fonts:
- Bigger Font
- Bold
- Italics
- Smaller Font
- Subscript
- Superscript
- Underline
- Format:
- Block Quote
- Center
- Forced Spaces
- Line Break
- Bulleted List
- Indented List
- Numbered List
- Paragraph
- Other:
Fonts
| Bigger Font |
Paired Code:
<big>Text to be made larger.</big>
Example:
The assignment due date is <big>09/08/08</big>.
|
| Bold |
Paired Code:
<b> turns bold face on, </b> turns bold face off
Example:
The assignment due date is <big>09/08/08</big>.
|
| Italics |
Paired Code:
<i> turns italics on, </i> turns italics off
Example:
<i>Put words to be italicized here</i>
|
| Smaller Font |
Paired Code:
<small>Text to be made smaller.</small>
Example:
Area Formula: <small>Area = width x height</small>
|
| Subscript |
Paired Code:
<sub>Text to be subscripted.</sub>
Example:
a<sub>1</sub> + a<sub>2</sub> + ... + a<sub>n</sub>
|
| Superscript |
Paired Code:
<sup>Text to be superscripted.</sup>
Example:
a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
|
| Underline |
Paired Code:
<u> turns underline on, </u> turns underline off
Example:
<u>Put words to be underlined here</u>
|
Back to top
Format
| Block Quote |
Paired Code:
<blockquote>Your text goes here.</blockquote>
Example:
<blockquote>By using the block quote tag, paragraphs of text can be indented.</blockquote>
|
| Center |
Paired Code:
<center>Text to be centered.</center>
Example:
<center>Next Assignment</center>
|
| Forced Spaces |
You cannot use the space bar to create multiple spaces between words. The non-breaking space code shown below serves two functions. Putting the code between two words creates a phrase that cannot be split apart onto two separate lines. Listing the code multiple times creates multiple spaces. See below
Single Code:
inserts one space where the code is inserted
Example 1: To keep two words from being split onto two separate lines:
Word1 Word2
Example 2: To create multiple spaces, insert the tag multiple times:
Three spaces between these words
|
| Line Break |
Single Code:
<br> ends the current line of text and moves down to the next line.
Example 1: To end the line put a <br> tag here<br>
Example 2: Use two <br> tags to create one blank line.<br><br>
Example 3: Use three <br> tags to create two blank lines<br><br><br>
|
| Bulleted List |
Triple Codes:
<ul> Marks the beginning of a bulleted list
<li> Marks a paragraph to be bulleted in the list
</ul> Marks the end of an bulleted list
Example:
A list with three bulleted items:
<ul>
<li> Bullet item 1.
<li> Bulleted item 2.
<li> Bulleted item 3.
</ul>
|
| Indented List |
Triple Codes:
<dl> Marks the beginning of an indented list
<dd> Marks a paragraph to be indented in the list
</dl> Marks the end of an indented list
Example:
A list with three indented items:
<dl>
<dd> Indented item 1.
<dd> Indented item 2.
<dd> Indented item 3.
</dl>
|
| Numbered List |
Triple Codes:
<ol> Marks the beginning of a numbered list
<li> Marks a paragraph to be numbered in the list
</ol> Marks the end of an numbered list
Example:
A list with three numbered items:
<ol>
<li> Numbered item 1.
<li> Numbered item 2.
<li> Numbered item 3.
</ol>
|
| Paragraph |
Single Code:
<p> starts a new paragraph after the code with a blank line above
Example:
<p>Starts a new paragraph here
|
Back to top
Other
| Link |
Paired Code:
<a href="http://www.someaddress.edu">Text to appear as a link</a>
Example:
<a href="http://www.uncp.edu/mathcs/"> Mathematics and Computer Science</a>
|
Updated:
Thursday, February 25, 2010
S