<!DOCTYPE html>
<html>
<title>TEST PAGE</title>
<head>
<h1 style="text-align:left;font-family:Arial;font-size:48px;color:black;background-color:cyan;">TEST PAGE</h1>
</head>
<body style="background-color:rgb(100,100,255);">
</br>
</br>
</br>
<h1 style="text-align:center;color:white;font-family:verdana;font-size:24px">TEST PAGE</h1>
<p style="text-align:center;font-family:verdana;font-size:14px"><b>TEST PAGE</b></p>
</body>
</html>
Wednesday, 5 October 2016
Blog Task 31
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<p style="color:blue">This is a paragraph.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p style="color:blue">This is a paragraph.</p>
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<p style="font-family:courier">This is a paragraph.</p>
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<p style="text-align:center">This is a paragraph.</p>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<p style="font-size:50px">This is a paragraph.</p>
</body>
</html>
Exercise 5:
<!DOCTYPE html>
<html>
<body style="background-color:yellow">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Exercise 6:
<!DOCTYPE html>
<html>
<body style="text-align:center">
<h1>This is a heading</h1>
<h2>This is also a heading</h2>
<p>This is a paragraph.</p>
<p>This is also paragraph.</p>
</body>
</html>
Monday, 12 September 2016
Blog Task 28
<!DOCTYPE html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="https://en.wikipedia.org/wiki/Sun">
<area shape="circle" coords="85,105,2" alt="Mercury" href="https://en.wikipedia.org/wiki/Mercury_(planet)">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://en.wikipedia.org/wiki/Venus">
<area shape="circle" coords="105,105,4" alt="Earth" href="https://en.wikipedia.org/wiki/Earth">
</map>
</body>
</html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="https://en.wikipedia.org/wiki/Sun">
<area shape="circle" coords="85,105,2" alt="Mercury" href="https://en.wikipedia.org/wiki/Mercury_(planet)">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://en.wikipedia.org/wiki/Venus">
<area shape="circle" coords="105,105,4" alt="Earth" href="https://en.wikipedia.org/wiki/Earth">
</map>
</body>
</html>
Blog Task 27
<!DOCTYPE html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="http://nineplanets.org/images/thesun.jpg">
<area shape="circle" coords="85,105,2" alt="Mercury" href="http://apod.nasa.gov/apod/image/9612/mercury2_mariner10_big.gif">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://upload.wikimedia.org/wikipedia/commons/8/85/Venus_globe.jpg">
<area shape="circle" coords="105,105,4" alt="Earth" href="http://solarviews.com/raw/earth/bluemarblewest.jpg">
</map>
</body>
</html>
<html>
<body>
<img src="http://www.bbc.co.uk/staticarchive/e8c03c8f235e08297ddc886f6516edb9f4679357.jpg" alt="Planets" usemap="#planetmap" style="width:500px;height:200px;">
<map name="planetmap">
<area shape="rect" coords="0,0,70,200" alt="Sun" href="http://nineplanets.org/images/thesun.jpg">
<area shape="circle" coords="85,105,2" alt="Mercury" href="http://apod.nasa.gov/apod/image/9612/mercury2_mariner10_big.gif">
<area shape="circle" coords="95,105,4" alt="Venus" href="https://upload.wikimedia.org/wikipedia/commons/8/85/Venus_globe.jpg">
<area shape="circle" coords="105,105,4" alt="Earth" href="http://solarviews.com/raw/earth/bluemarblewest.jpg">
</map>
</body>
</html>
Blog Task 26
<!DOCTYPE html>
<html>
<body>
<img src="https://media.giphy.com/media/7Q3wQQbgbOB2g/giphy.gif" alt="Husky in the snow GIF" style="float:above;width:400px;height:225px">
</body>
</html>
<html>
<body>
<img src="https://media.giphy.com/media/7Q3wQQbgbOB2g/giphy.gif" alt="Husky in the snow GIF" style="float:above;width:400px;height:225px">
</body>
</html>
Blog Task 25
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<p>print "Hello World!"</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>print "Hello World!"</p>
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<p>This is another another paragraph.</p>
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<p>
My Bonnie lies over the ocean.</br>
My Bonnie lies over the sea.</br>
My Bonnie lies over the ocean.</br>
Oh, bring back my Bonnie to me.</br>
</p>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<pre>
<p>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
</body>
</html>
Blog Task 24
Exercise 1:
<!DOCTYPE html>
<html>
<body>
<h1>London</h1>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Tis the place of tea n' crumpets too.</p>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1>London</h1>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Tis the place of tea n' crumpets too.</p>
</body>
</html>
Exercise 2:
<!DOCTYPE html>
<html>
<body>
<h1>London</h1>
<hr>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants. Tis also the place of crumpets n' tea</p>
</body>
</html>
Exercise 3:
<!DOCTYPE html>
<html>
<body>
<h1>Echo</h1>
<h2>Echo</h2>
<h3>Echo</h3>
<h4>Echo</h4>
<h5>Echo</h5>
<h6>Echo</h6>
</body>
</html>
Exercise 4:
<!DOCTYPE html>
<html>
<body>
<h1>Universal Studios Presents</h1>
<h2>Jurassic Park</h2>
<h3>About</h3>
<p>On the Island of Isla Nublar, a new park has been built: Jurassic Park is a theme park of cloned dinosaurs!!</p>
</body>
</html>
Subscribe to:
Posts (Atom)