Page 52 - Trackpad_V5_Book 7
P. 52

TABLES

            Tables are used in HTML to display data in a tabular format. Presenting information in a tabular
            form makes it easy to understand. To create a table in HTML, we use five basic tags:

            1.   <TABLE> tag: The table defined with this tag. All other tags are enclosed within the <TABLE> tag.
            2.   <TR> tag: This tag defines a row of cells, where TR stands for Table Row.

            3.   <TD> tag: This tag defines the data cell, where TD stands for Table Data.
            4.   <TH>  tag: This tag defines the heading of each column or row, where TH stands for Table

               Header. The heading is displayed as bold-faced and centre-aligned in all browsers by default.
            5.   <CAPTION>  tag: This tag defines the heading of the table. By default, the table caption is
               centre-aligned.

            Write HTML codes to show the student's details in a table.

            <!DOCTYPE html>
            <HTML>

            <HEAD>
            <TITLE>A Simple Table Structure</TITLE></HEAD>
            <BODY>
            <TABLE>
            <CAPTION> STUDENT'S DETAILS</CAPTION>

            <TR>
                   <TH>ADMISSION</TH>
                   <TH>NAME</TH>
                   <TH>TOTAL MARKS</TH>
            </TR>
            <TR>

                   <TD>2016/0256</TD>
                   <TD>Aadya Kaushal</TD>
                   <TD>589</TD>
            </TR>

            <TR>
                   <TD>2017/0865</TD>
                   <TD>Shweta Kaushal</TD>
                   <TD>545</TD>
            </TR>
            </TABLE>

            </BODY>
            </HTML>



             50   Pro (Ver. 5.0)-VII
   47   48   49   50   51   52   53   54   55   56   57