HTML Tutorial

              Lesson 7
         
 

Home

Introduction to HTML

<html> to </html>

<body> to </body>

Formatting

Links

Backgrounds

Tables

Frames

Other tags

A little Style

Resources

   

• Tags covered in this lesson:

• Explanation:

• Working examples:



Tags covered in this lesson:

            <frameset> & </frameset>

Top


Explanation:

The concept of frames too was not easy for me to understand. I mean, to all appearances a single page is cut into several pieces. Then you find that no they are not pieces of a single page but various pages fit into one page!

You see, there is one master page which you divide (not cut) into two or more sections. Now, how do you fill these sections, you make and equal number of separate html pages and link to them. Simple. This is how:

<html>

<head>

<title>This is my First html Page</title>

</head>



Save and view it in the browser. What do you see?

First let us understand what we have typed.

'<table border="1" cellpadding="0" cellspacing="0" width="500" >' informs the browser of the beginning of a table.

'<tr>' begins the "Table Row".

'<td>' is "Table Data". All that you want to place in the table goes between '<td> and </td>' tags.

'</td>' and '</tr>' end a table data and a table row respectively.

'</table>' ends the table.

Now, let's go to the beginning and check "border". Border is the table border. You can decide the border of the table. If used with proper imagination it can create a beautiful page for you. Try it.

Cellpadding is the distance between the wall of the cell and the text in the cell.

Cellspacing is the distance between two cells. If you have a large image you want to put on a page, you can cut down the download time of the image by cutting it into smaller pieces and placing those pieces in a table. By keeping the cellspacing "0" you remove all spaces between the cells. So, the images will look like one image.

Now, write something between '<td> and </td>'. Save and view in the browser. What do you see?

That is all for tables. Mine is to teach and yours is to practice. So practice.

Top


Working Example:

• FirstPage10.html


Top






  Home | Introduction to HTML | <html> to </html> | <body> to </body> | Formatting | Links | Backgrounds
Tables | Frames | Other tags | A little Style | Resources