Rashielea Coding Club

By the end of this session, you will be able to:

• Understand and use headings to structure content
• Create paragraphs to hold text
• Edit your Week 1 page to include multiple sections
• Add lists to your website
• Feel confident adding simple content to your webpage

Recap from Week 1

Last week you created your first webpage! You learned about:

• Logging in to Neocities
• Basic HTML structure
• Changing the title, headings, and paragraphs

Today, we’re going to expand that page with more headings and paragraphs.

Step 1: Headings

Headings are like titles or chapter names. They range from <h1> (the biggest) to <h6> (the smallest).

Example:

💡 Tip: Use headings to show what each part of your page is about.

Step 2: Paragraphs

Paragraphs hold your text. They are wrapped in <p> tags.

Example:

💡 Tip: Each paragraph should cover one idea or topic.

Step 3: Lists

When you have a lot of information on your page, it can be helpful to break it up using a list.

Lists can be ordered, like this:

1. this is item one
2. this is item two
3. this is item three

or unordered, like this:

• this is item one
• this is item two
• this is item three

Lists are different to paragraphs because you need an opening and closing tag for the list, and also for each list item

create a list like this:

use <ul> tags for an unordered list, or <ol> for an ordered list.

Step 4: Try it yourself

Edit your Week 1 page and:

• Add a <h2> heading called "About Me"
• Add a <p> paragraph introducing yourself
• Add another heading called "My Favourite Things". Should this be <h2> or <h3>?
• Add a list of two or three of your favourite games, foods, or animals

Remember to close your tags!

Click Save, then View your page in the browser. Make sure your headings and paragraphs appear correctly.

Step 5: Challenge (Optional)

Add one more section with a heading and paragraph about a hobby or skill you want to learn this year. Show it to a friend at the club!