Page 81 - TP_Pluse_V2.2_Class_6
P. 81

Tech Hint

                                                To open the Save As dialog box: Ctrl + S




                      Viewing a Web Page

                 After creating and saving an HTML document, you need to open it into a web browser to view it. To
                 open an HTML document into web browser, perform the following steps:

                 Step 1:   Open the folder in which you have
                         saved the HTML document.
                 Step 2:   Locate  the file and double-click  it.
                         Web  page  opens  in  your default
                         web browser window.
                                                                              Web page in web browser
                        INTRODUCING CSS3


                 CSS stands for Cascading Style Sheet. It is a design language which enables to simplify the process
                 of making web pages. It handles and describes how an HTML web page will be presented on a web
                 browser. It helps to save lot of time as one design layout can be used to make number of web pages.

                 The latest version of CSS is CSS 3. Earlier, CSS 2 was used.
                 CSS  comprises  style  rules that  are interpreted  by  the  web  browser and  then  applied  to  the
                 corresponding elements in HTML web page. Syntax to create a style in CSS is:

                 selector{property1:value1; property2:value2; … …}
                 where the selector signifies or points to an HTML tag to which a style will be applied, is a property of
                 CSS that can be used to create a style and the value1 is the valid value of the property. A semicolon
                 should be used at the end of the property value if more than one property is used. However, you can

                 skip the semicolon if only one property is used. All the properties with their values are enclosed within
                 curly braces. For example, if you want to create a style that fills a background colour in a web page,
                 then you need to use the background-color property of CSS in the following manner:

                 body {background-color:green}
                 In the preceding code, body signifies the <BODY> tag, background-color is the property and green is
                 the value of property that will change the background colour of the web page as green.


                      Using CSS Style
                 There are three ways to use the CSS styles in HTML document which are:

                   Inline style sheet
                   Internal Style Sheet

                   External Style Sheet



                                                                                    Introduction to HTML5 and CSS3  79
   76   77   78   79   80   81   82   83   84   85   86