Skip to content

Latest commit

 

History

4 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

HTML Project 1 — Learning profile

Build a small profile that introduces a learner and their next goals. Use HTML meaning, not visual tricks.

Companion notes: HTML notes.

Start your own copy

On GitHub, select Use this templateCreate a new repository, choose whether it will be public or private, then clone your new repository and edit that copy.

Time-box: 45 minutes
Prerequisite: HTML Foundations Lesson 1
After-lesson milestone: you can create a valid document with a logical outline, text, and lists.

Start

Open index.html and replace each TODO comment. Open the file directly in a browser; no install or internet connection is needed.

Acceptance checklist

  • The document has a doctype, lang, UTF-8 charset, viewport metadata, and descriptive title.
  • There is one <h1> and at least two meaningful <h2> headings in order.
  • <header>, <main>, and <footer> describe the page regions.
  • A paragraph introduces the learner without fake line breaks.
  • An unordered list contains at least three learning goals.
  • An ordered list contains a three-step weekly plan.
  • The email link has understandable link text.
  • The page remains understandable with browser default styles and at 200% zoom.

Finish

Run index.html through the Nu HTML Checker by file upload, then explain every element you chose.

Get your automatic project grade

  1. Create your own copy from this template.

  2. Read MASTERY.md, then create an attempt branch:

    git switch -c attempt/my-project
  3. Build the project and run the same check GitHub uses:

    node --test test/mastery.test.mjs
  4. Commit and push the attempt branch:

    git add .
    git commit -m "Complete project attempt"
    git push -u origin attempt/my-project

GitHub Actions grades every pushed attempt automatically. PASS — NAILED IT means every required check passed. REVISE — KEEP BUILDING means the run shows what to fix before you push again. You do not need the KODE Ń VIBE owner to review or start anything; the template's main branch stays quiet on purpose.

The free grading guide explains the result and its limits.

About

Beginner HTML lab for building a semantic learning profile with headings, landmarks, lists, and useful links.

Topics

Resources

Code of conduct

Contributing

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages