Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 31 - 2606_PlugGPT_C6_Flipbook
P. 31

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

                                                                                                      21 st   #Technology Literacy
                                                                                                   Century
                                                              Self Reflection                        Skills  #Collaboration
                        Aditya has learnt how to create HTML documents and open them in a web browser. He showed a few of the
                                                              Self Reflection
                        pages created by him to his friend Divyanshu, who suggested that he should use CSS to style his webpages
                        to make them more attractive. Aditya has never heard about CSS. Should he admit the fact and ask for help
                        from his friend? Elaborate.

                            Hashtag

                          #HyperText: Text that can be linked to another text or document
                          #Attribute: Defines some extra features or properties of an HTML tag

                                                                                                Learn HTML5 and CSS3  29

| 26 27 28 29 30 31 32 33 34 35 36 |