Page 89 - TP_Play_V2.1_class7
P. 89

MARGIN PROPERTIES

                 Margin is the space that appears around an element. The margin property is used to set margins
                 for any web page element. There are properties for setting margins of each side of an element.
                 They are - margin-top, margin-bottom, margin-left, margin-right. The value of margins can be
                 measured in pixels (for example, 20px, 30px, etc.) or as a percentage of the window.

                 Create HTML5 web page by using margin properties.
                 <!DOCTYPE html>

                 <HTML>
                 <HEAD> <TITLE>Changing Margin</TITLE>
                 <STYLE>H1{font-family:Comic Sans MS; text-align:center;
                    text-Decoration:underline;color:green}

                 P{Margin-left:40px}
                 </STYLE> </HEAD>
                 <BODY><H1>Energy</H1>
                 <P style="font-family:Times New Roman; text-transform:uppercase">Energy

                 is the capacity for doing work. It may exist in potential, kinetic,thermal,
                 electrical,chemical,nuclear,or other various forms.</P>
                 <P style="font-family:Times New Roman; text-transform:lowercase">Energy
                 is a requirement in our everyday life as a way of improving human

                 development leading to economic growth and productivity.</P>
                 </BODY>
                 </HTML>




                                   If HTML is a canvas and you are an artist, how would you design web pages and layout
                                   to to express your creativity and style?





                                                                                            More on HTML5         87
   84   85   86   87   88   89   90   91   92   93   94