Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 18 - 2615_KEC
P. 18

    For Example:

                      <!DOCTYPE HTML>
                      <HTML>
                      <HEAD>                                          Primary language for webpage designing
                      <STYLE>
                      H1 {COLOR:RED;}
                      H2 {COLOR:GREEN;}
                      </STYLE>
                      </HEAD>
                      <BODY>
                      <H1>This is a heading level 1 (H1)</H1>
                      <H2>This is a heading level 2 (H2)</H2>

                      </BODY>
                      </HTML>
                      This code will display the H1 heading in red and H2 in green colour on the webpage.

                      EXTERNAL CSS

                      External CSS allows us to define the style for many webpages by using a single CSS file. An external
                      style sheet is a separate file that can be written in any text editor. It does not contain any HTML
                      code and is saved with .css as the extension. You need to include a reference to the external style
                      sheet file within the <LINK> element inside the <HEAD> element. Syntax to include the reference of
                      the external stylesheet is:

                      <HEAD>
                      <LINK REL=“STYLESHEET” TYPE=“TEXT/CSS” HREF=“PATH OF STYLE SHEET”>
                      </HEAD>
                      Where the HREF attribute contains the path of the stylesheet.

                                USE OF INLINE CSS WITH HTML5 TAGS

                      You  know the inline CSS and its  basic

                      syntax. Let us learn more about them.
                      The background  colour  of the  webpage
                      is set  to  CYAN  with all other  specified
                      properties displayed on the webpage.

                           Tick ( ) if you know this.

                           ▶    Inline CSS allows us to add styles directly to an HTML tag by using the style attribute.
                           ▶   Internal CSS allows us to define the style for a single HTML page.

                       16   Premium Edition-VII

| 13 14 15 16 17 18 19 20 21 22 23 |