Back to Unit 6

Unit 6 Website Development - Tutorial 1

1.8 Add paragraphs, lists and links

Continue the School Coding Club website by adding useful text, lists and links to the pages.

Core Content Elements

Most web pages contain text and links. HTML gives you tags for paragraphs, ordered lists, unordered lists and clickable links.

These elements help structure information so users can read it quickly.

Examples

<p>Our club meets every Wednesday after school.</p>

<ul>
    <li>HTML practice</li>
    <li>CSS challenges</li>
    <li>Website projects</li>
</ul>

<ol>
    <li>Create your folder</li>
    <li>Add index.html</li>
    <li>Open the page in a browser</li>
</ol>

<a href="about.html">Find out more</a>

Which Element To Use

Element Use it for
<p> A paragraph of text.
<ul> A bullet list where order does not matter.
<ol> A numbered list where order matters.
<a> A link to another page, file or website.

Build It Yourself

  1. Add two paragraphs to index.html introducing the School Coding Club.
  2. Add a bullet list of three club activities, such as HTML practice, CSS challenges and website projects.
  3. Add a numbered list on about.html showing three steps for joining the club.
  4. Add a link from the homepage to about.html.
  5. Add contact information text to contact.html.

Common Mistakes

Success Checklist