HTML Tutorial

First topic message reminder :

HTML Beginner's Guide :

>> Click Here To Be Re-Directed To This Tutorial

Navigation - List Of HTML Tutorials

1. HTML Backgrounds
   
2. HTML Buttons
   
3. HTML Codes For Styling Text
   
4. HTML Drop Down Menu
   
5. HTML Fonts
   
6. HTML Frames
   
7. HTML Headings
   
8. HTML Images
   
9. HTML Inputs
   
10. HTML Lines
    
11. HTML Links
    
12. Marquee
    
13. Meta Tags
    
14. HTML Order List
    
15. HTML Paragraph
    
16. Redirecting To Another Web Page
    
17. Source Comments
    
18. HTML Tables
    
19. HTML Textarea
    

This html code will allow you to use paragraphs on your webpage.

Code:

<p>Welcome everyone to my website</p>

If you add a new paragraph, it will start on a different line without using the br/ tags.

You can use this code on your website to be redirected to another website :

Code:

<meta http-equiv=REFRESH content=0;url=http://www.google.com>

Just use this code and enter the website you would like to be redirected to in the code and add it to your html page.

When someone visits the website your using the html code in, it would redirect them to the website you entered in the code above.

You can use this tag to hide text from browsers.

It can be found in your source. It is normally used help you find things on your source of your web page easier.

Code:

<!--  Text Here Is Not Seen By Browsers -->

Before you read this tutorial, here is a link to see what html table code does what from this tutorial :

=> Example of html tables in this tutorial

---

1. Here is a code you can use to add html tables on your website :
   

   Code:

   <table border="1">
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</table>


   
   
   
2. You can add headers for your table too.
   
   

   Code:

   <table border="1">
<tr>
<th>HTML Table Left</th>
<th>HTML Table Right</th>
</tr>

   
   
   
3. Now,all you have to do is add the rows. So, the whole code would be like :
   
   

   Code:

   <table border="1">
<tr>
<th>HTML Table Left</th>
<th>HTML Table Right</th>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</table>

   
   
   
4. If you do not want to table border to be seen, you can edit it.
   
   

   Code:

   From : <table border="1">    To : <table border="0">

   
   
   And if you want to border to be ticker, you can edit to a higher number.
   
   If you would like your table to have empty cells, you can remove one of your table rows :
   
   

   Code:

   <table border="1">
<tr>
<th>HTML Table Left</th>
<th>HTML Table Right</th>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
</tr>
</table>

   
   
   
5. You can add a background color of tables as well.
   
   

   Code:

   <table border="1" bgcolor="green">
<tr>
<th>HTML Table Left</th>
<th>HTML Table Right</th>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</table>

   
   
   
6. Or you can add a picture in the background :
   
   

   Code:

   <table border="1" background="http://hitskin.com/themes/14/18/49/i_back_title.png">
<tr>
<th>HTML Table Left</th>
<th>HTML Table Right</th>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</tr>
<tr>
<td>HTML Table Left</td>
<td>HTML Table Right</td>
</table>

   
   
   
7. If you want to add cellspacing.
   
   

   Code:

   <table border="1" cellspacing="8">

   
   
   Or if you want to add cell padding.
   
   

   Code:

   <table border="1" cellpadding="8">

   
   
   

---

You can preview examples of these tables on this html page :

=> Example of html tables in this tutorial

This is the html code that will allow you to add html code on your web page without using it's effect as long as you keep the text between the textarea tags.

Textarea Html Code :

Code:

<textarea>  </textarea>

Adding a name of your textarea :

Code:

<textarea name="Text">  </textarea>

Users can not write text on your textarea :

Code:

<textarea readonly="readonly">  </textarea>

Unclickable textarea :

Code:

<textarea disabled="disabled">  </textarea>

You can also add rows to your textarea by adding this to it :

Code:

<textarea rows="2">  </textarea>

And to increase the length of your textarea :

Code:

<textarea cols="20">  </textarea>