Thursday, January 22, 2015

Computer Electives HTML part 2

Copy the following text into a Notepad document:

<!DOCTYPE html>
<html>
<head>
<title>London Stinks</title>
<style>
#header {background-color:#553311;
color:white;
text-align:center;
padding:5px}
h1{font-family:Arial;
color:white}
p {font-family:Calibri;
color:white}
body {background-color:#553311}
#nav {background-color:#996644;
height:300px;
width:100px;
float:left;
line-height:30px;
padding-top:25px;
padding-left:5px;
font-family:cooper black}
#section {width:350px;
float:left;
padding-left:20px;
background-color:#553311}
#footer {background-color:#ddccaa;
color:black;
clear:both;
padding:5px;
text-align:center}
</style>
</head>

<body>

<div id="nav">
Paris<br>
Moscow<br>
Mexico City<br>
</div>

</div>

<div id="section">
<h1>London</h1>
<p>London is the silliest town there is. Srsly, tho, why do you want to visit it. They drive on the wrong side of the road and they call french fries chips.</p>
<p>There's a big clock, a river, and a castle. That's about it. Watch Harry Potter and save yourself some money on a plane ticket.</p>
</div>

<div id="footer">Copyright © Lost Boss Kitty</div>

</body>
</html>

No comments:

Post a Comment