Ultimate Concepts-Html « Click The World Of Programming

Tables-Html

March 21, 2009 at 11:18 am | In Ultimate Concepts-Html | Leave a Comment
Tags: insert a table in website., table tag in html, tables in html

Tag Name- <table>

Description- This tag is generally used to insert a table into the web pages. Now as the table consists of rows and columns thus we have two more tags for this reasons-

<tr>- i.e used to insert a new row in the table.
<td>- i.e used to insert new column in the table.

Generally we have to write “tr” tag first to insert a row after which we put tag “td” to insert no. of columns in that particular row.(See Ultimate exaple at end>>)

Now coming to the attributes of table which are as follows:-

Border- i.e used to change the width of the border of the table.(e.g- border=”any integer value”; by default it is zero)
Width- i.e used to change the width of the table.(e.g- width=”any integer value”)
Height- i.e used to change the height of the table.(e.g- height=”any integer value”)
Align- i.e used to align the table.(e.g- align=”left/right/center”)
Bgcolor- i.e used to specify a colour as the table background.
Background- i.e used to insert an image as the table background.(e.g- background=”abc.gif”)
Border Color- i.e used to specify a colour for the table border.(e.g- bgcolor=”#ff000″)
Cellpadding- i.e used to adjust the distance between the cell’s content and the border of the table.
Celllspacing- i.e used to adjust the distance between the cell’s of the table.

Note- If you change up the height or width of the table than width and height of the cell’s in the table will also get changed automatically.

While beside this the other tag i.e<td> also have a no. of attributes like-

Width- i.e used to change the width of particular cell in the table.(e.g- width=”any integer value”)
Height- i.e used to change the height of particular cell in the table.(e.g- height=”any integer value”)
Align- i.e used to align the content of a particular cell in the table.(e.g- align=”left/right/center”)
Bgcolor- i.e used to specify a colour for a particular cell in the table.(e.g- bgcolor=”#ff000″)
Background- i.e used to insert an image in a particular cell in the table.(e.g- background=”abc.gif”)
Colspan- i.e used to merge a no. of columns into one.(e.g- colspan=”no. of columns to be merged”)
Rowspan- i.e used to merge a no. of rows into one.(e.g- rowspan=”no. of rows to be merged”)

Ultimate Example

<html><head><title>Table</title></head><body><center><h1>ultimatepedia</h1></center><br>

Output

Table

Adding an Image-Html

March 12, 2009 at 9:11 am | In Ultimate Concepts-Html | Leave a Comment
Tags: add an image into your web page, image tag in html

Tag Name- <Image>

Description- It is basically used to add up an image into your web page. It supports many image file extensions like-JPEG(Joint Photographic Experts Group); PNG(Portable Network Graphic); GIF(General Image Format) etc. While the attributes which come along with this tag are as follows:-

Src- i.e path of the image file on your computer.(value=”c:\\documents and settings\my documents\h.gif”)
Width- i.e the width of the image.(value=”any integer value”)
Height- i.e the height of the image.(value=”any integer value”)
Border- i.e if you want the boder around your image.(value=”any integer value”)
Alt- i.e the alternate text which you want to be displayed in case an error occured while image loading.(value=”abc”)
Align- i.e to align any text which you have placed along with the image.(value=”top/bottom/middle/left/right”)
Vspace- i.e to insert space at top & bottom of the image.(value=”any integer value”)
Hspace- i.r to insert space at left and right of the image.(value=”any integer value”)

Ultimate Example

<html><head><title>IMAGE TAG</title></head><body><image src=”c://the path of the image in ur pc.file format(like gif etc.)” height=”70″ width=”200″ border=”3″ alt=”this is ultimate change”></body></html>