Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 123 - CodePilot V5.0 C7
P. 123

    <TH>Name</TH>   The following table summarises the CSS properties that can be used to style the <TABLE> element:

     <TH>Grade</TH>     Property Name                      Value                               Description
     <TH>Gender</TH>  In earlier versions of HTML,   BORDER  BORDER-WIDTH, BORDER-STYLE,   Shorthand property to set the
     you can change the style of
     </TR>                                  BORDER-COLOR                          border’s width, style and colour in
     unordered list by using the
     <TR>                                                                         one declaration.
     TYPE attribute.
     <TD>1</TD>       BORDER-WIDTH          Length in pixels (px)                 Specifies the width of the table
                                                                                  border.
     <TD>Aryan</TD>

     <TD>A</TD>       BORDER-STYLE          DOTTED, DASHED, SOLID, DOUBLE,  Used to apply the outline style of
                                            GROOVE, RIDGE, INSET, OUTSET,         the border of the table or any other
     <TD>Male</TD>
                                            NONE and HIDDEN                       element.
     </TR>
                      BORDER-COLOR          Colour Name, Hexadecimal value  Allows you to apply a colour to the
     <TR>
                                            or RGB value                          border.
     <TD>2</TD>
     <TD>Ananya</TD>  Syntax: BORDER: BORDER-WIDTH BORDER-STYLE BORDER-COLOR;

     <TD>B</TD>      When the same CSS style is needed for different elements, selectors can be grouped. By separating
                     selector names with commas, a single CSS rule can style multiple elements at once.
     <TD>Female</TD>
                     Syntax for defining a common style for more than one HTML tag:
     </TR>
                     Tag1_name, Tag2_name, Tag3_name,…..
     <TR>
                     {
     <TD>3</TD>
                     Property1_name: value;
     <TD>Arjun</TD>
                     ……………….
     <TD>A</TD>  Tables were first introduced in
     HTML 3.2 (1997).  PropertyN_name: value;
     <TD>Male</TD>
                     }
     </TR>
                     For example:
     </TABLE>
                     TABLE, TH, TD {
     </BODY>
                     BORDER: 2PX SOLID #3498db;
     </HTML>
                     }
                     The above code groups TABLE, TH and TD to apply the same CSS styling to all three elements.
     CSS PROPERTIES USED WITH THE <TABLE> TAG  Code   Write the HTML code to present the given web page using CSS properties to style an

                          11     HTML table.
     CSS  provides several properties  to  style  the  appearance  of a  table.  These  include  BORDER,
     BORDER-STYLE,  BORDER-COLOR,  BORDER-SPACING,  BORDER-COLLAPSE,  WIDTH,  PADDING,   <!DOCTYPE HTML>
     BACKGROUND-COLOR and COLOR. Since these are global CSS properties, they can be applied   <HTML>
     not only to tables but also to other HTML elements.
                     <HEAD>

                     <TITLE>States of Matter</TITLE>

                                                                                                                      121
                                                                                              Lists and Tables in HTML5

| 118 119 120 121 122 123 124 125 126 127 128 |