coding:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Trillium Media Design</title>
<style>
.ami {
color:pink;
}
#alia {
color: aqua;
}
</style>
<link rel="stylesheet" href="css/color.css">
<meta charset="utf-8">
</head>
<body>
<header><h1>Trillium Media Design</h1></header>
<div><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="contact.html">Contact</a></div>
<h2 class="ami">New Media and Web Design</h2>
<article>Trillium Media Design will bring your company's Web presence to the next level.<br>
We offer a comprehensive range of services:</article>
<ul>
<li>Website Design</li>
<li>Interactive Animation</li>
<li>E-Commerce Solutions</li>
<li>Usability Studies</li>
<li>Search Engine Optimization</li>
</ul>
<h2 id="alia">Meeting Your Business Needs</h2>
<article>Our expert designers are creative and eager to work with you.<br>
Take advantage of the power of Web 2.0!</article>
<footer><div>Copyright © 2012 Your Name Here</div></footer>
</body>
</html>l
color.css
coding:
body { background-color: #E6E6FA;
color: #191970;
font-family: Arial, Verdana, sans-serif; }
h1 { background-color: #191970;
color: #E6E6FA;
line-height: 200%;
font-family: Georgia, “Times New Roman”, serif; };
h2 { background-color: #AEAED4;
color: #191970;
font-family: Georgia, “Times New Roman”, serif;
text-align: center; }
p { font-size: .90em;
text-indent: 3em; }
ul { font-weight: bold; }
output:
