Page 27 - PortGPT_V2.1_C7_Flipbook
P. 27

<!DOCTYPE html>
                 <HTML> <HEAD> <STYLE>
                 H1 {color: blue; font-family: verdana; font-size: 32px; text-align: center}
                 H2 {color: green; font-family: arial; font-size: 25px; text-align: center}
                 </STYLE> </HEAD>
                 <BODY>
                 <H1>Computer</H1>
                 <P         style="font-family:
                 verdana; font-size: 1.5em">A
                 computer is a versatile
                 machine that can be used to
                 carry out a variety of tasks.
                 For example, you can do your
                 homework, play games, listen
                 to songs and do many other
                 things on a computer.</P>
                 <H2>Types of Computer</H2>
                 <P style="font-family:Arial
                 Black; font-size: 1.5em">There are many types of computers. Based on their
                 size, the types of computers are, micro computer, mini computer, mainframe
                 computer and super computer. </P>
                 </BODY>
                 </HTML>

                        MARGIN PROPERTIES


                 Margin is the space that appears around an element. The margin property is used to set margins for
                 any web page element. The four sides used with the margin property are: left, right, top and bottom.
                 The value of sides 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 bcapacity for doing work. It may exist in potential,
                 kinetic,thermal, electrical, chemical,nuclear,or other various forms.</P>



                                                                                                  More on HTML5    25
   22   23   24   25   26   27   28   29   30   31   32