Spot the mistakes in the HTML
<!doctype html>
<hmtl>
<head>
<h1>Sample webpage</h1>
</head>
<body style="colour:green;">
<title>My website</title>
<para>This is a paragraph of text. <a href=page1.html>This is a link</a>.</para>
</body>
</hmtl>Spot the mistakes in the HTML
<!doctype html>
<hmtl>
<head>
<h1>Sample webpage</h1>
</head>
<body style="colour:green;">
<title>My website</title>
<para>This is a paragraph of text. <a href=page1.html>This is a link</a>.</para>
</body>
</hmtl>Understand how websites are built with HTML, CSS and JavaScript
Be able to write some HTML
<!doctype html>
<html>
<head>
<title>A sample webpage</title>
</head>
<body>
<h1>Welcome!</h1>
<p>Welcome to my website!</p>
<p>This is my first HTML webpage!</p>
</body>
</html><!doctype html>
<html>
<head>
<title>A sample webpage</title>
</head>
<body>
<h1>Welcome!</h1>
<p>Welcome to my website!</p>
<p>This is my first HTML webpage!</p>
</body>
</html>Paragraph:
<p>Text in here</p>An image
<img src="image1.jpg" alt="Image 1">A link
<a href="example.com">Click here to go to example.com</a>Numbered (ordered) list
<ol>
<li>Item 1</li>
<li>Item 2</li>
</ol>Bulleted (unordered) list
<ul>
<li>Item 1</li>
<li>Item 2</li>
</ul>A division
<div>Other code goes here</div>A span
<span>Other code goes here</span>A link with an image in it
<a href="example.com">
<img src="image1.jpg" alt="Image 1">
</a>A table
<table>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
</tr>
</table>Using the HTML workbook and the HTML tags shown in this lesson you will be creating a simple webpage, and eventually website, about you.
