Learning a little simple HTML code can add a lot to your web page. When updating text for your web site, you can use HTML codes for performing basic text formatting on your page. Printable Version.
Headlines
- To make a headline standout on the page, use <h#> </h#> (for "headline", where # = a number from 1 to 3).
| Tag |
How to use it |
What it looks like |
| <h1> </h1> |
<h1>Yada yada yada!</h1> |
Yada yada yada! |
| <h2> </h2> |
<h2>Yada yada yada!</h2> |
Yada yada yada! |
| <h3> </h3> |
<h3>Yada yada yada!</h3> |
Yada yada yada! |
Emphasize Words Using Bold, Italic, and/or Underline
- To make a word or phrase bold, use <strong> </strong> (for "bold").
- To make a word or phrase italic, use <em> </em> (for "italic").
- To make a word or phrase underlined, use <u> </u> (for "underline").
| Tag |
How to use it |
What it looks like |
| <strong> </strong> |
I'm a <strong>bold</strong> word. |
I'm a bold word. |
| <em> </em> |
I'm an <em>italic</em> word. |
I'm an italic word. |
| <u> </u> |
I'm an <u>underlined</u> word. |
I'm an underlined word. |
| Mix 'n Match |
I'm <strong><em><u>all three</strong></em></u>! |
I'm all three! |
Emphasize Words Using Different Sizes
- To make a word or phrase a different size, use <font size=X> </font> (where X = a number).
| Tag |
How to use it |
What it looks like |
| <font size=1> </font> |
I'm a <font size=1>size of 1</font>. |
I'm a size of 1. |
| <font size=2> </font> |
I'm a <font size=2>size of 2</font>. |
I'm a size of 2. |
| <font size=3> </font> |
I'm a <font size=3>size of 3</font>. |
I'm a size of 3. |
| <font size=4> </font> |
I'm a <font size=4>size of 4</font>. |
I'm a size of 4. |
Emphasize Words Using Color
- To make a word or phrase colored, use <font color=X> </font> (where X = a color).
- Aqua, black, blue, brown, fuchsia, gray, green,
lime, maroon, navy, olive, orange, purple, red, silver, teal, yellow or white.
| Tag |
How to use it |
What it looks like |
| <font color=X> </font> |
I'm a <font color=green>green</font> word. |
I'm a green word. |
| <font color=X> </font> |
I'm a <font color=blue>blue</font> word. |
I'm a blue word. |
Horizontal Lines
- To draw a line across the screen, use <hr /> (for "horizontal rule").
| Tag |
How to use it |
What it looks like |
| <hr /> |
Yada yada yada...
<hr />
Blah blah blah... |
Yada yada yada...
Blah blah blah... |
Center Your Text
- To make a word or phrase centered on the page, use <center> </center> .
| Tag |
How to use it |
What it looks like |
| <center> </center> |
<center>Yada!</center> |
Yada! |
Create Lists with Bullets or Numbers
- Begin your list with <ol> for an ordered, or numbered, list and end the list with </ol> .
- Start the list with <ul> for an unordered, or bulleted list and end the list with </ul> .
- Each item in the list should have an <li> tag at the beginning and an </li> at the end.
| Tag |
How to use it |
What it looks like |
| <ul> </ul> |
My list:
<ul>
<li>Yada yada yada</li>
<li>Blah blah blah</li>
</ul>
|
My list:
- Yada yada yada
- Blah blah blah
|
| <ol> </ol> |
My list:
<ol>
<li>Yada yada yada</li>
<li>Blah blah blah</li>
</ol>
|
My list:
- Yada yada yada
- Blah blah blah
|
Make Links
- To make a link to a web page, use <a href="url"> </a> (where url = the link location).
- To make a link to an email, use <a href="mailto:email"> </a> (where email = the email address).
| Tag |
How to use it |
What it looks like |
| <a href="http://"> </a> |
<a href="http://www.etczone.com">Visit</a> our site.
|
Visit our site.
|
| <a href="mailto:"> </a> |
Send me
<a href="mailto:web@etc1.net">Email</a>.
|
Send me Email.
|
|
|
|
