Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 112 - 2626_South Point_C-7
P. 112

    Purpose                     Table Properties

                                                   Alignment                   align, valign
                                                 Table framing                       frame

                           CSS Properties Used with <TABLE> Tag
                      CSS provides various properties which can be used with <TABLE> tag to accomplish various tasks.
                      They are border, border-style, border-color, border-spacing, width, padding, background-color and
                      color. These are global properties of CSS which means that these can be used with any element of
                      HTML.
                      Before we get into styling tables with CSS, we first need to create a simple HTML table and understand
                      what the different HTML elements associated with an HTML table mean.

                        <!DOCTYPE html>
                        <HEAD>
                            <TITLE>Table</TITLE>
                        </HEAD>
                        <BODY>
                            <TABLE>
                                <TR>
                                    <TH>Roll No.</TH>
                                    <TH>Name</TH>
                                    <TH>Grade</TH>
                                    <TH>Gender</TH>
                                </TR>
                                <TR>
                                    <TD>1</TD>
                                    <TD>Aarav</TD>
                                    <TD>B</TD>
                                    <TD>M</TD>
                                </TR>
                                <TR>
                                   <TD>2</TD>
                                    <TD>Gauransh</TD>
                                    <TD>A</TD>
                                    <TD>M</TD>
                                </TR>
                                <TR>
                                    <TD>3</TD>
                                    <TD>Himakshi</TD>
                                    <TD>A</TD>
                                  <TD>F</TD>
                               </TR>
                            </TABLE>
                        </BODY>
                        </HTML>

                      110   Premium Edition-VII

| 107 108 109 110 111 112 113 114 115 116 117 |