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
   90   91   92   93   94   95   96   97   98   99   100