|
Effect |
Beginning Tag |
Ending Tag |
Example |
Results |
| Bold |
<B> |
</B> |
<B>bold this text</B> |
bold this text |
| Underline |
<U> |
</U> |
<U>underline this text</U> |
underline this text |
| Italics |
<I> |
</I> |
<I>italicize this text</I> |
italicize this text |
| Font Color
When you're adding a color with HTML, sometimes you can just type in the name of the color. But
for greater variety you'll need to use what's called the hex code. |
<font color=color>
to use a Hex code type
<font color=#FF0000> |
</font> |
<font color=red>this text is red</font>
<font color=#ff0000>this text is red</font>
#FF0000 is the hex code for red
More information on colors |
this text is red
this text is red |
| Font Size |
<font size= > |
</font> |
<font size=4>this font size is four</font>
NOTE: For best results use numbers between 3 and 6. Larger numbers result in larger font sizes. |
this font size is four |
| Combine Font Color and Size |
<font color=color size=4> |
</font>
will end both color and size
</font color> will stop just the color and the size will continue. |
<font color=green size=4>this text is green and size 4</font> |
this text is green and size 4 |
| Create a Headline |
<H1>, <H2>, <H3>, <H4> Smaller numbers result in larger headlines |
</H1>, </H2>, </H3>,</H4> |
<H1>Welcome</H1>
<H2>Welcome</H2> |
Welcome
Welcome
|
| Center a line or lines |
<center> |
</center> |
<center>Welcome</center> |
Welcome |
| Create a Marquee |
<marquee> |
</marquee> |
<marquee>Welcome</marquee> |
“Welcome” would be moving across the screen repeatedly. |
| Create a Table |
<TABLE>
<TR>
<TD>
<table border=#>
Sets the width of the border around the table cells
<table cellpadding=#>
Sets the amount of space between a cell’s border and its content
<table width=# or 50%>
Sets the width of the table in pixels or as a percent of the document width.
<td colspan=#>
Sets number of columns a cell should span |
</TABLE>
</TR>
</TD> |
<TABLE>
<TR>
<TD>This is Row 1, Cell 1 </TD>
<TD>This is Row 1, Cell 2 </TD>
<TD>This is Row 1, Cell 3 </TD>
</TR>
<TR>
<TD>This is Row2, Cell 1 </TD>
<TD>This is Row 2, Cell 2 </TD>
<TD>This is Row 2, Cell 3 </TD>
</TR>
</TABLE> |
The table would look like the one below.
|
This is Row 1, Cell 1
|
This is Row 1, Cell 2 |
This is Row 1, Cell 3 |
|
This is Row 2, Cell 1
|
This is Row 2, Cell 2 |
This is Row 2, Cell 3 |
|
| Create an Unordered List (Bulleted List) |
<UL>
<LI> |
</UL> |
<UL>
<LI>One
<LI>Two
</UL> |
|
| Create an Ordered List (Numbered List) |
<OL>
<LI> |
</OL> |
<OL>
<LI>One
<LI>Two
</OL> |
- One
- Two
|
| Combine the two types of lists |
NOTE: Specify the type of bullet:
CIRCLE specifies a hollow bullet.
DISC specifies a solid round bullet (Default)
SQUARE specifies a square bullet |
NOTE:
A specifies uppercase letters.
a lowercase letters.
I specifies uppercase Roman numerals.
i specifies lowercase Roman numeral.
1 specifies numbers (Default). |
<OL>
<LI>One
<UL TYPE=square>
<LI>Bullet
<LI>Bullet
</UL>
<LI>Two
</OL> |
- One
- Two
|
