Pages

Friday, April 27, 2012

Creating Table in HTML

Tables arrange and organize content into columns and rows. Basically, they can be made via the container tags <table></table>. Each row within the table is defined by the container tags <tr></tr>. Moreover, each cell or data within a row is defined by the container tags <td></td>.

Remember that the cells <td></td> are placed inside the rows <tr></tr> and rows are placed inside the table
<table></table>.


<html>
<head>
<title>Computer Books</title>
</head>
<body>
<caption>IT Learning</caption>
<table>
           <tr bgcolor="#ff0000">
                       <th></th>
            </tr>
            <tr>
                   <th align="center" width="200px">BOOKS</th>
                    <th align="center" width="200px">SOFTWARE</th>
                    <th align="center" width="200px">HARDWARE</th>
            </tr>
                <tr>
                   <th align="center" >Creative Design</th>
                    <th align="center" >Adobe</th>
                    <th align="center" >Asus Notebook</th>
            </tr>

         <tr>
                   <th align="center" >Office Productivity</th>
                    <th align="center" >Microsoft</th>
                    <th align="center" >inFocus Projector</th>
            </tr>

</table>
</body>
</html>

Sunday, April 15, 2012

Specifying the Background Image of a Page

You can specify the background image of the page by using the background Attribute inside the body tag
<body background="value">...</body>. However when using an image as a background of a web page you must keep in mind not to make your background image stronger than your web page or it will be hard to read the text of your Web page. You can also add a background color that matches the color of the image.

In choosing a background image, you should remember the following:

 1. Use an image that will not distract the text and main content of the page.
 2. Do not use large image file because it will take a long time to load your page.
 3. The background should not show boundaries and grids when tiled.


<html>
 <head>
</head>
      <body>
                 <body background="image.png">
                  <font face='tahoma' size='7'> BUTTERFLY </font>
      </body>
</html>