Lab 2 - Web Design Elements

Lee Xhi Qing AI160225
Wong Xiao Feng AI160247


<!DOCTYPE html>
<html>
<head>
<style>
div.title {
    background-color: black;
    color: white;
    margin: 20px 0 20px 0;
    padding: 20px;
    text-align: center;
}
</style>
</head>
<body style="background-color:powderblue;">

<div class="title">
<h1><hr> Trillium Media Design </hr></h1>
<hr>
</div>

<div class="title">
<p><h4>
<style>
li {list-style-position: inside;}
</style>
<ul>
<li>Home</li>
<li>Services</li>
<li>Contact</li>
</ul>
</p></h4>
</div>

<div class="title">
<h2>New Media and Web Design</h2>
<p><blockquote cite="http://www.worldwildlife.org/who/index.html">
<ol type="1">
<li>Trillium Media Design will bring you company's <br>Web presence to the next level.</br></li> 
<li>We offer a comprehensive range of services.</li>
</blockquote> </p>
</div>

<div class="title">
<dl>
<dt><h2> Meeting Your Business Needs </h2></dt>
<dd>Our expert designers are creative and eager to work with you.</dd>
</dl>
</div>

<p><h5 style="text-align: center"><i>Copyright &copy; 2014 xhilynn </h5></p>

</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Lab 5 - Jake's Coffee Shop

Image
1) HTML Coding: <!DOCTYPE html> <html> <head> <h1> Jake's Coffee Shop </h1> </head> <body> <div> <a href="#Home">Home</a> <a href="#Menu">Menu</a> <a href="#Music">Music</a> <a href="#Jobs">Jobs </a> </div> <div> <p>Come in and experience...</p> <img src="coffee.jpg"/> <br/> <ul> <li>Speciality Coffee And Tea </li> <li>Freshly made sandwiches </li> <li>Bagels, Muffins and Organic Snacks</li> <li>Music and Poetry Readings</li> <li>Open mic nights</li> <li>...</li> </ul> <p>23 Pine Road </p> <p>Nottingham, NGI 5YU </p> <p>0115 9324567</p> <br> </div> <footer> <p>Copyright @ 2011 Jake's Coffee House </p> <a hr...
Read more

Lab 4 - CSS

Lee Xhi Qing AI160225 Wong Xiao Feng AI160247 embedded.html <!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="color.css"> <title>Trillium Media Design</title> <style> body { background-color: #e6e6fa; color: #191970; text-align: center; } h1 { background color: #191970; color: #0000CD; } h2 { background color: #aeaed4; color: #191970; } </style>     <meta charset="utf-8"> </head> <body> <h1>Trillium Media Design</h1> <div><a href="index.html">Home</a> <a href="services.html">Services</a> <a href="contact.html">Contact</a></div> <h2>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:<...
Read more
Image
HTML code: <!DOCTYPE html> <html> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <body> <div class="container"> <img src="bg.jpg" alt="background picture"> <div id="main" class="centered"> <h1><span class="highlight">Wikipedia - Geneva</span></h1> <p>Geneva is the second-most populous city in Switzerland (after Zurich) and is the most populous city of Romany(the France-speaking part of Switzerland). Situated where the Rhone River exits Lake Geneva (French Lac Leman), it is the capital of the Republic and Canton of Geneva.</p> <img src="switzerland.png" alt="Switzerland"> <p>Geneva is widely regarded as a global city, mainly because of the presence of numerous international organizations, including the headquarters of many of th...
Read more