28 DCC

The code:

	<!DOCTYPE html>
	<html>
	<body>
	<h2>New to Dunedin?</h2>
	<h2> Want to bug the council?</h2>
	<a href="https://www.dunedin.govt.nz/">
	<img src="https://www.nzherald.co.nz/resizer/dxdOtLzEeRJWTF9GiK--wVc5H00=/360x384/filters:quality(70)/arc-anglerfish-syd-prod-nzme.s3.amazonaws.com/public/BWDOY2UW6FFRVJTQUWV4PRI2PE.jpg" alt"Dunedin City Council">
	</a?
	</body>
	</html>

29 Image Map Solar System

The code

	<!DOCTYPE html>
	<html>
	<body>
	<img src="solar_system_menu.jpg" usemap="#image-map">
	<map name="image-map">
	<area target="" alt="Mercury" title="Mercury" href="https://space-facts.com/mercury/" coords="205,219,23" shape="circle">
	<area target="" alt="Venus" title="Venus" href="https://space-facts.com/venus/" coords="235,266,24" shape="circle">
	<area target="" alt="Earth" title="Earth" href="https://space-facts.com/earth/" coords="316,210,28" shape="circle">
	<area target="" alt="Mars" title="Mars" href="https://space-facts.com/mars/" coords="380,298,346,261" shape="rect">
	<area target="" alt="Jupiter" title="Jupiter" href="https://space-facts.com/jupiter/" coords="486,259,48" shape="circle">
	<area target="" alt="Saturn" title="Saturn" href="https://space-facts.com/saturn/" coords="554,151,55" shape="circle">
	<area target="" alt="Uranus" title="Uranus" href="https://space-facts.com/uranus/" coords="656,284,31" shape="circle">
	<area target="" alt="Neptune" title="Neptune" href="https://space-facts.com/neptune/" coords="755,185,30" shape="circle">
	<area target="" alt="Pluto" title="Pluto" href="https://space-facts.com/pluto/" coords="789,73,13" shape="circle">
	<area target="" alt="Asteroids" title="Asteroids" href="https://en.wikipedia.org/wiki/Asteroid" coords="389,110,361,147,440,212" shape="poly">
	<area target="" alt="Comets" title="Comets" href="https://en.wikipedia.org/wiki/Comet" coords="312,72,291,89" shape="rect">
	<area target="" alt="The Sun" title="The Sun" href="https://en.wikipedia.org/wiki/Sun" coords="0,136,175" shape="circle">
	</map>
	</body>
	</html>

27 four exercises

:)

25 Head and Body tags

The <head> tag describes what the document is.
Okay, by this I mean 'It can' contain information (metadata) about the document;
    The author, date of publication, Name of document...
And beyond that it can also contain the CSS style that the document will contain.

Meanwhile, the <body> tag is what is the the html that the browser displays to the user.
Full of <h...> (Headings) and <p> (Paragraphs) images and links.

Here is my Example .html script:

<!DOCTYPE html>
<html>
<head>
   <title>What will appear in the browser tag</title><!-- As it says, What will appear in the browser tag !-->
   <style>
   h1 {
   font-size: 56px;
   }
p {
font-size: 122px;
}
</style><!-- This is for css styling for the document (what is in the <body> of the document></!-->
</head>
<body>
   <h1> The Beginning</h1>
   <p>Of the end</p>
   </body>
   </html>

My fav pet EXTERNAL

wolverine.css

<head>
<style>
body {background-color: green;}
h1 {color: red; margin-left: 40px;} 
</style>
</head>

The Html

<head>
<style>
body {background-color: green;}
h1 {color: red; margin-left: 40px;} 
</style>
</head>

Fav pet INLINE

<!DOCTYPE html>
<html>

<body>
<br>
<h1>The <u>Wolverine</u></h1>
<br>
<img src="https://www.nationalgeographic.com/content/dam/animals/thumbs/rights-exempt/mammals/w/wolverine_thumb.ngsversion.1486962018155.adapt.1900.1.JPG" alt="a wolverine" style="width: 50%; height: 480;">
<br>
<p>Not</p>
<p><b>THIS</b></p>
<img src="https://static1.squarespace.com/static/51b3dc8ee4b051b96ceb10de/t/533f0ce9e4b02233d742e44d/1434444129978/actors-who-could-replace-hugh-jackman-as-wolverine10?format=2500w" alt="Hugh jackman as Wolverine" style="width: 50%; height: 480;">


</body>
<html>

Fav pet INTERNAL

<!DOCTYPE html>
<html>
<head>
<style>
body { background-color: red; }
h1 {color: green; display: block; margin-left: auto; margin-right: auto;}
p {color: grey;}
img {display: block; margin-left: auto; margin-right: auto; width:50%; height: 450px;}
</style>
</head>
<body>
<br>
<h1>The <u>Wolverine</u></h1>
<br>
<img src="https://www.nationalgeographic.com/content/dam/animals/thumbs/rights-exempt/mammals/w/wolverine_thumb.ngsversion.1486962018155.adapt.1900.1.JPG" alt="a wolverine">
<br>
<p>Not</p>
<p><b>THIS</b></p>
<img src="https://static1.squarespace.com/static/51b3dc8ee4b051b96ceb10de/t/533f0ce9e4b02233d742e44d/1434444129978/actors-who-could-replace-hugh-jackman-as-wolverine10?format=2500w" alt="Hugh jackman as Wolverine">


</body>
<html>