Try Auction Essentials 4U Image Hosting, Ad templates, Mail Form and Auction Tutorials
Free Image Hosting and Auction Image Hosting, WYSiWGY Ad maker Member  Services with a 15 day money back guarantee.
Please Help Support Our Site. We appreciate your generosity
more
Get the Basics for HTML Coding
Don't have the time to Learn? Then tour our members area
and see what using our WYSIWYG Html Editor can do for you.



HTML

Try Our HTML Practice Pad
When your Ready to Try Your Skill

Use our Color Wheel To select Web Colors for Backgrounds, Borders or Fonts

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:

Your Text Here

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">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

   
     
     

<table width="77%" border="5" align="center">
<tr>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

     
   
 

<table width="75%" border="5" align="center">
<tr>
<td rowspan="3">&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="2">&nbsp;</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:

  • item 1
  • item 2
  • item 3

<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:

  1. item 1
  2. item 2
  3. 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>


Join Our Member
Subscription Services
15 Day
Money Back
Guarantee

We request that our community support our services with secure Paypal payments

Join Member Services or
Donate to Free Services
Please Help Support Our Free Auction Management Services. Make a Donation. We appreciate your generosity

 

 

Index: (Administrative) ( Auction) (Image) (Ads) (Helpers) (Members)
( About Site) (Contact Us) (Add URL) (Link to Us) (Privacy)(Home)



All sites and software have been tested and rated by Auction Essentials 4U for inclusion on this site

This site design by ipages4u.com
Keys
Beginner Level
Intermediate Level
Advanced Level Download
How To Tutorials
Tips Recommended

copyright 2001 AuctionEssentials4u.com

Google