Each task below uses ideas from earlier lessons. Try each one before opening the solution, and use the Try it button to check your work.
Task 1: a profile page
Create a page with the title “My profile”. Add an h1 with your name, a paragraph about you with one important word in strong, and an h2 called “Links” followed by two links to websites you like.
Show a possible solution
index.html
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>My profile</title>
</head>
<body>
<h1>Asha Verma</h1>
<p>I am a <strong>librarian</strong> who is learning web design.</p>
<h2>Links</h2>
<p>
<a href="https://example.com">Example one</a> |
<a href="https://example.org">Example two</a>
</p>
</body>
</html>Task 2: a menu with a section jump
Add a list of two links at the top that jump to two sections further down the same page, each with a heading and an id.
Show a possible solution
index.html
HTML
<ul>
<li><a href="#one">Section one</a></li>
<li><a href="#two">Section two</a></li>
</ul>
<h2 id="one">Section one</h2>
<p>Text for the first section.</p>
<h2 id="two">Section two</h2>
<p>Text for the second section.</p>Task 3: a quote with a source
Write a short quotation inside blockquote and name where it came from in a paragraph using cite.
Show a possible solution
index.html
HTML
<blockquote>
<p>Small steps still go forward.</p>
</blockquote>
<p>From <cite>The Slow Garden</cite></p>