Web Design – Images, Links and Pages

During Web Design we learnt how to hand codehtml to be able to insert images, links and to navigate to other pages. I used the same page that I created last week and added a few extra codes. You can have a look at my basic handcoded website for a limited time on sws.canterbury.ac.uk/cr243. Below is the code I used.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
	<title>Home Page | Web Design, Graphic Design etc</title>
</head>
<body>
<H1>HOME PAGE</H1>

<ul>
	<li><a href="#">Home</a></li>
	<li><a href="about.html">About</a></li>
</ul>
<H1><a href="http://www.google.com" title="Visit Google">Google
</a></H1>
<a href="http://www.google.com">
<img src="images/flower.jpg" width="300" height="423"
alt="Flower picture and link to google" title="Google"/>
</a>

<h1>Heading1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6</h6>
<p><em>Lorem ipsum</em> dolor <strong>sit amet,</strong>
consectetur adipisicing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa
qui officia deserunt mollit anim id est laborum. </p>
<ul>
	<li>Red</li>
	<li>Green</li>
	<li>Blue</li>
</ul>
<ol>
	<li>Red</li>
	<li>Green</li>
	<li>Blue</li>
</ol>
</body>
</html>
Advertisements