| Basic Text Tags [Run
our tutorial on using
these tags] |
|
Function
|
Start
|
End
|
Optional Attributes
|
Example
|
| |
| Center |
<center> |
</center> |
none |
Cenetered Text:
<center>Centered</center>
Centered
|
| Bold |
<b>
<strong>
|
</b>
</strong> |
none |
Bold Text:
<b>Bold till end tag</b>
Bold till end tag
|
| Center |
<center> |
</center> |
none |
|
| Font |
<font> |
</font> |
face="name, name"
size="+/- value or fixed size"
color="color" |
Font Text:
<font color="#00FF00" size="6">Font
with Color and Size</font>
Pick a Color
Font with Color
and Size
|
| Horizontal Rule |
<hr> |
none in HTML |
size="value"
width="value or %"
noshade |
Horzontial Rule at 50 % and 5 pixels high:
<hr width="50%" size="5">
|
| Italics |
<i>
<em>
|
</i>
</em>
|
none |
Italic Text:
<i>Italics</i>
Italics
Combined italic and Bold example
<i><b>Combined italic and Bold example</b></i>
|
| Line Break |
<br> |
none in HTML |
clear="left/right/all" |
Line Break:
Here Comes a line break, <br>
here it is
Here Comes a line break,
here it is
|
| Paragraph |
<p> |
</p> |
align="center/right" |
Paragraph:
Here's a paragraph change.
Notice it has a blank line between
the text.
Here's a paragraph change.<p>Notice
it has a blank line between the text.</p>
|
| Underline |
<u> |
</u> |
none |
Underlined Text:
Underlined Example
<u>Underlined Example</u>
|
| Table
Tags |
|
Function
|
Star
|
End
|
Optional Attributes
|
Example
|
|
Use
Our Table Maker to make a basic table format,
then return here to a modifications
|
| Begin and End Table |
<table> |
</table> |
align="center/right"
background="image"
bgcolor="color"
border="value"
bordercolor="color"
cellpadding="value"
cellspacing="value"
summary="text"
width="value" |
Table Example:
Pick a Color
<table width="75%" border="5"
bordercolor="#CC0033">
<tr>
<td bgcolor="#00FF66" background="Your
Backgroung Image Here"><b><font
color="#FFFF00" size="6">Your
Text Here</font></b></td>
</tr>
</table>
|
| Table Row |
<tr> |
</tr> |
align="center/right/justify"
bgcolor="color"
rowspan="value"
|
Table with multiple rows:
| Your Text Here |
| Your Text Here |
<table width="75%" border="5">
<tr>
<td>Your Text Here</td>
</tr>
<tr>
<td>Your Text Here</td>
</tr>
</table>
|
| Table Cell |
<td> |
</td> |
align="center/right/justify"
bgcolor="color"
colspan="value"
height="value"
width="value" |
Table with multiple Columns:
| Your Text Here |
Your Text
Here |
Your Text
Here |
<table width="75%" border="5">
<tr>
<td>Your Text Here</td>
<td>Your Text Here</td>
<td>Your Text Here</td>
</tr>
</table>
Combined Row and Col example:
| text |
text |
text |
| text |
text |
text |
| text |
text |
text |
<table width="75%" border="5">
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
<tr>
<td>text</td>
<td>text</td>
<td>text</td>
</tr>
</table>
|
|
More Table Examples with Mixed Rows and
Colums
|
|
<table width="75%" border="5"
align="center">
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
|
<table width="77%" border="5"
align="center">
<tr>
<td colspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
|
<table width="75%" border="5"
align="center">
<tr>
<td rowspan="3"> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
|
| List
Tags |
|
Function
|
Start
|
End
|
Optional Attributes
|
Example
|
| |
| Unordered list |
<ul Optional Attributte>
plus
List
<li>Text</li>
|
</li></ul> |
type="square or circle" |
Unordered List:
<ul type="square">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
|
| Ordered List |
<ol Optional Attributte> plus
List
<li>Text</li>
|
</ol> |
type="1,A,a,I,i"
start="number"
|
Ordered List:
- item 1
- item 2
- item 3
<ol type="A" >
<li> item 1 </li>
<li> item 2</li>
<li> item 3 </li>
</ol>
|
| Hyperlink
and Graphics Tags |
|
Function
|
Start
|
End
|
REQUIRED
|
Example
|
| |
| HYPERLINK |
< A HREF=
|
</A> |
"url">YOUR IDENTIFICATION
TEXT |
MY SITE
<A HREF="http://URL DOMAIN
LINK">this is the actual name of your link
what people will see</A>
|
| Picture Source: |
<IMG SRC= |
> |
"Image url" |
<IMG SRC="imagename.gif">
|
| Mail to Link: |
< A HREF=
|
</A> |
"mailto:Email Contact Address">YOUR
IDENTIFICATION TEXT
|
CONTACT
WEBMASTER AUCTION ESSENTIALS 4 U
<A HREF= "mailto:username@whereever.com">what
you want the people to see</A>
|