Page 153 - Web Applications (803) Class 11
P. 153

Stands  for  horizontal  rule.  Draws  a  single  straight  line
                 <hr>
                                                                      across the webpage.
                 <!--      --> or <comment>      </comment>           Defines comments ignored by the browser.

                 Using The <body> Tag

                 The body tag is a container tag that encloses all of the text, graphics, and other elements that make up a web page. We
                 can utilise this tag’s attributes to set formatting features for the full HTML document. The following table lists some of
                 the most important attributes of the <body> tag:

                                       Attribute                                          Description
                 bgcolor                                              Specifies background colour to the whole document
                 text                                                 Specifies colour to the text of the entire document

                 background                                           Used to set an image as the webpage’s background

                 The <Hn> Tag

                 Every chapter in a book has various headings and sub-headings. These are known as levels of headings. The heading
                 tags are used to give similar effect to your web page. These are container tags with a start tag and an end tag. HTML
                 can define up to 6 levels of headings from h1 to h6. h1 is the first level of heading and h6 is the last level of heading/
                 sub-heading. Let us create a web page using heading tags.

                 <!DOCTYPE html>
                 <html>
                 <head>
                 <title> Heading with Different Alignments </title>
                 </head>

                 <body>
                 <h1 style="text-align:left;color:lightblue;">
                 Heading with left alignment </h1>
                 <h2 style="text-align:center;color:lightgreen;">

                 Heading with center alignment </h2>
                 <h3 style="text-align:right;color:red;">
                 Heading with right alignment </h3>
                 </body>
                 </html>



















                                                                            Website Development using HTML and CSS   151
   148   149   150   151   152   153   154   155   156   157   158