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 = "https://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="https://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.