Page 52 - Trackpad_V1_Book 7_Flipbook
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 is 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   Trackpad (Version 1.0)-VII
   47   48   49   50   51   52   53   54   55   56   57