HTML Tutorials on Papershredder

HTML

Lesson Two

Welcome back! In lesson two we will be learning how to create hyperlinks and mailto links, and tables.

Hyperlinks. What would the web be with out hyperlinks? Probably pretty dull. You'd have to type in the URL every time you wanted to go to another site .Boring, huh? So we have hyperlinks! A hyperlink is a link to other web pages. It can be a text link, or a image, all you need is the following tags -

<a href="URL"> -- your link text -- </a>

Usually you will also put a <font>tag with the text inside it so that your link will not be the same color as the rest of your text.  

A image link would look like this -

<a href="URL"><img src="URL" width="your width" height=
"your height" alt="your descriptive text"></a>

Cool, huh?

Mailto. A mailto link starts up the user's e-mail program and automatically makes the sending address to what ever the link is to. For example:
<a href="mailto:your e-mail address">your text</a> Warning, there are some computer programs, run by hackers and companies, that browse the web searching for mailto tags. Once they find these tags they will spam or hack the e-mail acount. I suggest using a new email account that you create for the site.

Tables. Tables are a very useful method of formatting text and images on your web page. Although they may seem complicated at first, they are really quite simple. All you do is make rows and cells. Tables are often useful for setting up where things are on a page. To make a table you first define the start of the table with <table> as with most tags at the end of the table a </table> tag is required. in side the table you use <tr> to denominate table rows and <td>  to denominate table cells. You can use a few other tags in tables such as <caption> but mostly these are what you will use. Now I will demonstrate code for a simple table...

<Table>
<tr>

<td>
This is
</td>
<td>
A table
</td>
</tr>
<tr>
<td>
As you
</td>
<td>
Can see
</td>
</tr>
</Table>




This is A table
As you Can see

So that's the basics of tables. Tables can be used for anything from presenting data to setting up how your web pages are organized. Tables are almost certainly the most used element in html. If you're interested in doing more than is normal with tables you need to know how to make advanced tables. These advanced tables are how most of this site is set up. For instance if you want to make a cell that spans two rows you would put the cell in the first row and type... <td rowspan="2"> and if you want a cell that is three cells wide you would type <td colspan="3">. Thats all that advanced tables is basically aside from setting the width and height of your cells. If you want to make your tables invisible you can put border="0" in the table tag.

Lesson Three