Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 125 - CodePilot V5.0 C7
P. 125

    </TR>

                     </TABLE>
                     </BODY>

                     </HTML>

                     USING THE BACKGROUND-COLOR AND COLOR PROPERTY
                     By  default, the background  colour of an HTML  element  is transparent. This means it  has no
                     background colour, but you can set a colour using the BACKGROUND-COLOR property. You can

                     use the COLOR property to set the text colour.

                     USING THE BORDER-COLLAPSE AND BORDER-SPACING PROPERTY

                     Generally, table cells share a common border, but you can set the cells to have separate borders.
                     When cells are separated by borders using BORDER-COLLAPSE, the distance between adjacent
                     cells is  determined  by  BORDER-SPACING.  The BORDER-COLLAPSE  property  has a predefined
                     value of collapse, but you can set it to separate.

                     The following  table  summarises  the  CSS  properties  COLOR,  BACKGROUND-COLOR,
                     BORDER-COLLAPSE and BORDER-SPACING that can be used to style the <TABLE> element:

                          Property Name                     Value                             Description
                      COLOR                      Colour Name, Hexadecimal  This property specifies the text colour.

                                                 value or RGB value
                      BACKGROUND-COLOR Colour Name, Hexadecimal  This property specifies the colour for
                                                 value or RGB value             the background in a table on the web
                                                                                page. You can apply colour to a cell,
                                                                                row or the entire table.

                      BORDER-COLLAPSE            collapse, separate             It defines whether table borders should
                                                                                be collapsed into one or separated.
                      BORDER-SPACING             Length in pixels (px)          This property specifies the space
                                                                                between the borders of adjacent cells.

                        Code     Write the HTML code to present the given web page using the BORDER-COLLAPSE
                          12     and BORDER-SPACING properties to control the borders and spacing.

                     <!DOCTYPE HTML>

                     <HTML>
                     <HEAD>
                     <TITLE>Parts of Speech</TITLE>

                     <STYLE>
                     TABLE {

                     BORDER-COLLAPSE: SEPARATE;

                                                                                                                      123
                                                                                              Lists and Tables in HTML5

| 120 121 122 123 124 125 126 127 128 129 130 |