Task 1: copy and paste this HTML code in this website
http://www.w3schools.com/html/default.asp
then check out the webpage.
<html>
<head>
<title>Why I like to go swimming</title>
</head>
<body>
<h1> Why I like to go swimming in the summer. </h1>
<p> Swimming is my most favourite activity in the summer. When the sun is shining and the air
is warm, you will find me dipping into my backyard pool. It’s not an impressive
pool, only three feet deep, but it’s mine.</p>
<p>There are three reasons I like to swim:</p>
<ul>
<li>I get lots of exercise</li>
<li>I enjoy the freedom</li>
<li>I have an opportunity to be in the sun.</li>
</ul>
</body></html>
If you have copied it correctly this is what you should see
http://www.w3schools.com/html/default.asp
then check out the webpage.
<html>
<head>
<title>Why I like to go swimming</title>
</head>
<body>
<h1> Why I like to go swimming in the summer. </h1>
<p> Swimming is my most favourite activity in the summer. When the sun is shining and the air
is warm, you will find me dipping into my backyard pool. It’s not an impressive
pool, only three feet deep, but it’s mine.</p>
<p>There are three reasons I like to swim:</p>
<ul>
<li>I get lots of exercise</li>
<li>I enjoy the freedom</li>
<li>I have an opportunity to be in the sun.</li>
</ul>
</body></html>
If you have copied it correctly this is what you should see
Task 2: Adding attributes (Font) – trying changing the font types and colour of the list
HTML code
<font face=“arial” color=“#FF3300” size=“1”> add this code just after the opening tag for the list which is <UL>
</font> then close the tag by putting this before the closing tag for the list which is </UL>
If you have done it correctly your page will now look like this
HTML code
<font face=“arial” color=“#FF3300” size=“1”> add this code just after the opening tag for the list which is <UL>
</font> then close the tag by putting this before the closing tag for the list which is </UL>
If you have done it correctly your page will now look like this
Task 3: Adding attributes (Background) – add a background colour to the webpage
HTML code - change the body of the page to set the background colour - add this code to the body tag
<body bgcolor=“blue”>
If you have done this correctly your page will now look like this
HTML code - change the body of the page to set the background colour - add this code to the body tag
<body bgcolor=“blue”>
If you have done this correctly your page will now look like this
Extension: Change the text to your favourite activity and the bullet points to say why you enjoy this.