The new Skill-Wanderer Dojo is in active development. Until we finish the migration, the old dojo lives at legacy-dojo.skill-wanderer.com.

Lesson 1 of 15

Assignment: Introduce Yourself with HTML

Article Updated: Mar 18, 2026

Module Assignment

Complete these assignments for Module 1: The Atomic Structure (Elements & Text) before moving to the optional lesson references.

Assignments (Start First)

  1. A. Identity: Add your name and a short title or role.
  2. B. About You: Write a short paragraph about yourself.
  3. C. Goals: List a few things you want to learn.
  4. D. Contact: Add a simple email link or placeholder contact section.

What to Do Next

After finishing this assignment pack, continue to the lessons in this module for guidance, patterns, and review.

1. Overview

In this assignment, you will create a very simple HTML page to introduce yourself. This comes before Lesson 1 on purpose: learners should start by making one small page first, then study the structure behind it.

You will:

  • Create one basic HTML file named index.html.
  • Use headings, paragraphs, lists, and links to present yourself clearly.
  • Focus on structure only. No CSS and no JavaScript.
  • Practice turning plain text into meaningful HTML elements.

2. Learning Objectives

You will learn to:

  • Create a valid basic HTML page.
  • Use headings to organize content.
  • Use paragraphs and lists for readable text structure.
  • Add at least one meaningful link.
  • Build confidence before the deeper module lessons start.

3. Task Description

Create a single HTML file that introduces who you are.

Your file must be named:

index.html

The page should be readable in a browser and structured with basic HTML tags only.

4. Page Requirements

Your page must include the following sections:

A. Header Section

  • One main heading using <h1> for your name.
  • One short sentence or title under your name.

B. About Me

  • Add one section heading using <h2>.
  • Write one short paragraph about yourself using <p>.

C. Learning Goals

  • Add a section that lists at least 3 things you want to learn.
  • Use either <ul> or <ol>.

D. Contact or Favorite Link

Include:

  • At least one link using <a>.
  • This can be an email link, GitHub profile, LinkedIn, or a favorite website.

E. Bonus Section

Optional but encouraged:

  • Add a favorite quote, hobby list, or fun fact section.

5. Technical Requirements

  • HTML only (no CSS, no JavaScript)
  • Use a proper HTML document structure: <html>, <head>, and <body>
  • Use at least one <h1>, one <h2>, one <p>, one list, and one link
  • Clean indentation and readable structure
  • Must render correctly in a browser

This Assignment Is Considered Complete When...

  • The file index.html exists and opens correctly in a browser.
  • Your page includes your name, a short introduction, learning goals, and one link.
  • The content is structured with meaningful HTML tags instead of plain unformatted text.
  • The page is simple, readable, and complete.

6. Suggested Structure

You can organize your page like this:

  1. Page title
  2. Your introduction
  3. Your learning goals
  4. Your contact or favorite link

7. What the Instructor Will Look For

  • Correct basic HTML structure
  • Clear use of headings and paragraphs
  • Proper use of lists and links
  • Readable content that actually introduces the learner

8. Grading Rubric

Criteria Points
Correct HTML document structure 4
Proper use of headings, paragraphs, lists, and links 3
All required self-introduction content is included 2
Readable content structure and indentation 3
Page renders correctly in the browser 2
Bonus section or extra personal detail 1
Total 15