Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 77 - 2611_SmartGPT Pro V(5.0) C-7
P. 77

    Write HTML code to create a list by using properties of CSS.

                     <!DOCTYPE html>

                     <HTML>

                     <HEAD>
                     <TITLE> List </TITLE></HEAD>

                     <BODY>

                     <H2>Types of Pollution:</H2>

                     <UL style="list-style-type:square">

                     <LI>Air Pollution</LI>

                     <LI>Water Pollution</LI>
                     <LI>Noise Pollution</LI>

                     <LI>Soil Pollution</LI>

                     </UL>

                     </BODY>

                     </HTML>

                               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 center-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>

                                                                                              Lists and Tables in HTML5  75

| 72 73 74 75 76 77 78 79 80 81 82 |