Page 102 - Trackpad_ipro 4.1_Class6
P. 102

EDITING AN EXISTING HTML DOCUMENT

                  Follow these steps to edit an HTML document:


                                          1  Right-click on
                                         the HTML file.










                        2   Hover  mouse
                        pointer over Open
                        with option.                                                                  3  Click on
                                                                                                      Notepad
                                                                                                      option.






                  This will open your HTML document in Notepad so that you can make changes to the file. After
                  making the required changes, you need to save the file by pressing the Ctrl+S keys.

                  If your web page is already opened in a web browser, you need to press the F5 key to see the
                  changes you have made.

                      INTRODUCING CSS3

                  CSS stands for Cascading Style Sheets. It is used for designing or styling a web page. It handles and
                  describes how an HTML web page will be presented on a web browser. It helps save a lot of time,
                  as one design layout can be used to create multiple web pages. The latest version of CSS is CSS 3.

                  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, selector refers to an HTML tag to which a style will be applied like <BODY>. The property1
                  is a property of CSS that can be used to create a style and 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 and 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 to green.





                   100     iPro (Ver. 4.1)-VI
   97   98   99   100   101   102   103   104   105   106   107