Page 52 - 2403_Trackpad_V5.1_C6_Fb
P. 52
Create HTML 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>
<hr style="width:80%; height: 10px; background-color:grey;">
<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>
Note that width and height properties of CSS are used to control the width and height of the HTML
elements.
Hashtag
#CSS: Method of styling the elements of a web page
#Margin: Margin is the space that appears around an element
50 Premium Edition-VI

