So I'm studying web development for the first time ever and one thing I’m struggling to get to grips with are the and tags and when to use them. In college our first project was to build a web page talking about ourselves. I’ve included some and tags in it and I need help with understanding if I’m using them right. If I’m not, could people give advice on where I went wrong? Thanks!!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=UTF-8 />
<title>Conor's Webpage</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<h1>Welcome!</h1>
<p>
Hello and welcome to Conor's webpage!
</p>
</header>
<main>
<article>
<h2>Conor's Hobbies</h2>
<ul>
<li>Violin</li>
<li>Acting</li>
<li>Rowing</li>
<li>Cycling</li>
<li>Computer Games</li>
</ul>
</article>
<article>
<h2>Education</h2>
<ol>
<li>2004-2012: Kennedy Park NS, Wexford</li>
<li>2012-2018: St Peter's College, Wexford
<ul>
<li><i>Physics</i></li>
<li><i>Music</i></li>
<li><i>Applied Maths</i></li>
<li><i>Business</i></li>
</ul>
</li>
<li>2018-Present: University College Cork, Cork</li>
</ol>
</article>
<article>
<h2>Favourite Movie</h2>
<p>
My favourite movie is Saving Private Ryan. <b>Fun fact:</b> The opening scene of the movie, where the allies storm Omaha Beach,
was filmed at Curracloe Beach in Co. Wexford, about a 20 minute drive from where I grew up!
</p>
<section>
<p>
Below is the opening scene:
</p>
<figure>
<iframe width="853" height="480" src="https://www.youtube.com/embed/DSKerypwUDM" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<figcaption>
Saving Private Ryan (1996), opening scene
</figcaption>
</figure>
</section>
<section>
<p>
Saving Private Ryan stars Tom Hanks
</p>
<figure>
<img src="tomHanks.jpg" title="Tom Hanks" alt="A picture of Tom Hanks"/>
<figcaption>
Tom Hanks, star of Saving Private Ryan
</figcaption>
</figure>
</section>
</article>
<table>
<caption>Amount of alcohol consumed at weekends</caption>
<tr>
<th></th>
<th>Saturday</th>
<th>Sunday</th>
</tr>
<tr>
<th>Ann</th>
<td>1</td>
<td>58</td>
</tr>
<tr>
<th>Ben</th>
<td>12</td>
<td>3</td>
</tr>
<tr>
<th>Colin</th>
<td colspan="2">20</td>
</tr>
</table>
</main>
<nav>
<h3>Links to college webpages</h3>
<ul>
<li><a href="icb/icb.html">Irish Cheese Board</a></li>
<li><a href="michelangelo/index.html">Michelangelo</a></li>
</ul>
</nav>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire