Make your own free website on Tripod.com

HTML Practice


Basics Tags

<pre>

<i> italize </i>

</pre>

<b> bold </b>

<u> underline </u>

<h1>The Biggest</h1>

<h2> Smaller </h2>

<h3>Smaller </h3>

<h4> Smaller </h4>

<h5> Smaller </h5>

<6> Smallest </h6>

</pre>


A little more than basic

*Links

To link a page to another page you can use the following tags:

<pre>

<a href = "http://members.tripod.com/stephanie323/"> Stephanie's Page </a>

</pre>

Stephanie's Page

*Email

If you want some to email you, you can always just write out your email address or you can provide a link, so once they click on your email address, they can automaticly send you a little note. The tags are:

<pre>

<a href = "mailto:blackgirl2002@hotmail.com">blackgirl2002@hotmail.com</a>

</pre>

blackgirl2002@hotmail.com

*Insert Pictures

To insert a picture, you must first have the picture saved someone where, either in the same directory as the .html page. The use the following tags:

<pre>

<img src="http://members.tripod.com/~camille02/pic_files/monkey.jpg">

<pre>

 


*Tables

I just wanted to fill up space so I listed old tv shows and movies

Different Strokes Different World
Living Single Its a Living
Batman Superman
The Color Purple Beloved

 

How did I do that? Here's the code:

<pre>

<TABLE border=1 cellPadding=1 cellSpacing=1 width="75%">

<TR>

<TD colSpan=2>

<P align=center>I just wanted to fill up space so

I listed old tv shows and movies</P>

</TD>

</TR>

<TR>

<TD>Different Strokes</TD>

<TD>Different World</TD>

</TR>

<TR>

<TD>Living Single</TD>

<TD>Its a Living</TD>

</TR>

<TR>

<TD>Batman</TD>

<TD>Superman</TD>

</TR>

<TR>

<TD>The Color Purple</TD>

<TD>Beloved</TD>

</TR>

</TABLE>
</pre>

What does all that mean? Please explain!!

Okay... what you see is the code for the table. All the code is in tags ( <tag>).  To have a table, you need <Table> to start it out. The following tags are <tr> and <td>.  The <TR> is the cell, while <TD> divides the cell in half (or as many times as you like, but adding more <td>) If you follow the code with the example, you can pretty much follow it and understand where everything belongs.  In the tag <TABLE border=1 cellPadding=1 cellSpacing=1 width= "75%">, the border is just how thick you want it, and cellPadding is how thick you want each cell, cellSpacing is the with of each cell, etc.

Still clueless? Here's another example of a table.

Lauryn Hill Stevie Wonder James Brown
Kool Moe Dee Kid Rock Next
Sade Michael Jackson Old Dirty Bastard

How did I do that? Here's the code:

<pre>

<table border=3 cellPadding=4 cellSpacing=2 width= "75%">

<TR>

<TD>Lauryn Hill</TD>

<TD>Stevie Wonder<?TD>

<TD>James Brown</TD>

</TR>

<TR>

<TD>Kool Moe Dee</TD>

<TD>Kid Rock</TD>

<TD>Next</TD>

</TR>

<TR>

<TD>Sade</TD>

<TD>Michael Jackson</TD>

<TD>Old Dirty Bastard</TD>

</TR>

</TABLE>

</pre>

What does all that mean? Please explain!!

This explain is exactly like the previous one, except we want to add more colums so we add more <td>'s in between the <tr>. Do you understand? If not email me.