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

