Heading and intro

Step 1 of 5

Greet the visitor with a single <h1>.
Then introduce yourself in a short paragraph.

Instructions

In index.html:

Add one <h1> at the top of the body.
Put your name or a greeting inside it.
Add a <p> below with one or two sentences.

Hints

Only one <h1> per page is best practice.

Refresher: HTML Basic.

How it works

Format your about-me paragraph

Step 2 of 5

Add a second paragraph below your intro.
Use HTML text formatting to bold, italicize, and highlight parts of it.

Instructions

In index.html:

Add a second <p> with a sentence or two about you.
Wrap a word in <strong> or <b>.
Wrap a word in <em> or <i>.
Wrap a word in <mark> to highlight it.

Hints

See the full list on HTML Text Formatting.

How it works

Add a list

Step 3 of 5

Show what you are into.
Add a heading and a bullet list of three or more items.

Instructions

In index.html:

Add an <h2> like Skills or Hobbies.
Add a <ul> below it.
Add at least three <li> items inside.

Hints

<ul> is for bullet lists.

<ol> is for numbered lists.

See HTML Lists.

How it works

Add an image

Step 4 of 5

Add a portrait or any image you like.
Both src and alt are required.

Instructions

In index.html:

Add <img src="..." alt="...">.
Use any image URL, like https://www.w3schools.com/html/img_chania.jpg.
Write a meaningful alt describing what the image shows.

Hints

The alt text is read by screen readers.

It also shows if the image fails to load, so it is not optional.

Tip: set width="240" so the image does not fill the screen.

See HTML Images.

How it works

Outbound links

Step 5 of 5

Close out the page with at least two links.
Link to anything you want to share.

Instructions

In index.html:

Add at least two <a href="..."> links.
Use real URLs, like https://www.w3schools.com.

Hints

Tip: add target="_blank" so links open in a new tab.

Use friendly link text like "My GitHub", not "click here".

Refresher: HTML Links.

How it works