Page 95 - TechPluse_C7_Flipbook
P. 95
Where, Table: Student is the Title of the table which can be inserted by using the <CAPTION>
tag. Roll No., Name, Grade and Gender are the table headings that can be created by using the
<TH> tag.
Attributes of the <TABLE> Tag
The following attributes are used to present a table efficiently:
BORDER: The BORDER attribute is used to set the border of the table. The default value of
the BORDER attribute is 0. You can set the border of the table by providing numeric value to
the BORDER attribute in the following way:
<TABLE BORDER="2">
BORDERCOLOR: The BORDERCOLOR attribute is used to give color to the border of the table.
The value of this attribute can be the name of any permitted color or any value of the color
using RGB color code in hexadecimal notation (like #DDDDFF value is given for light blue
color). You can use the BORDERCOLOR attribute to set the border color in the following way:
<TABLE BORDER = "2" BORDERCOLOR="Blue">
or
<TABLE BORDER = "2" BORDERCOLOR="#DDDDFF">
FRAMES: The FRAMES attribute allows you to show borders only at specified sides. For
example, if the value of the FRAMES attribute is:
· “box” or “border”-the border is displayed on all four sides.
· “above”-the border is displayed on the top side only.
· “below”-the border is displayed at the bottom side only.
· “hsides”-the border is displayed at both top and bottom sides.
· “lhs”-the border is displayed at the left hand side only.
· “rhs”-the border is displayed at the right hand side only.
· “vsides”-the border is displayed at the both left and right sides.
· “void”-no border is displayed.
BGCOLOR: The BGCOLOR attribute is used to change the background color of the table. The
value can be any permitted color name or its HEX equivalent value. For example,
<TABLE BGCOLOR="Green"> or <TABLE BGCOLOR="#FFOOOO">
BACKGROUND: The BACKGROUND attribute is used in the same way as done with the
<BODY> tag. Just specify the URL or the directory path of the file and the file name as its
value in double quotes. For example,
<TABLE BACKGROUND="D:\Documents\Smiley.jpg">
HEIGHT and WIDTH: The HEIGHT and the WIDTH attributes are used for setting the height
and width of the table. The value can simply be given as 90 or 70 or any other number,
as it shows pixels of computer screen. The value of these attributes can also be given in
percentage, that is, 90%, etc. as it shows that the table will cover 90% area of the browser
window. For example,
<TABLE HEIGHT="90%" WIDTH="70%">
Lists and Tables in HTML 93

