Lists and Links

This is the second task on the course and it involves lists and links.Here is my HTML code for this task.

<!Doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title>Lists and Links Task</title>
</head>
<body>
<h1>Lists</h1>
<h2>Unordered List</h2>
<h3><a href=”http://www.premierleague.com/en-gb.html”>Premier League Teams</a></h3>
<ul>
<li>Everton</li>
<li>Manchester City</li>
<li>Chelsea</li>
</ul>

<h2>Ordered List</h2>
<h3><a href=”http://www.football-league.co.uk/page/Home/0,,10794,00.html”>Championship Teams</a></h3>
<ol>
<li>Q.P.R</li>
<li>Wigan</li>
<li>Blackpool</li>
</ol>

<p>The only difference between ordered lists and</p>
<p>unordered lists is that ordered lists are numbered,</p>
<p>unordered lists have bullet points.</p>

</body>

</html>

Here is the link to what my code looks like on the web.Looking back through my code,I suppose I could have also used the <br> tag to separate my paragraphs too.

http://racingfocus.x10.mx/lists.html

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s