My First HTML Website

Turn what you have learned into your first website. Two pages, one project of your own.

An HTML project with your own content. Choose an interest or a fictional community. Download and open both pages from the same folder. Final assessment combines structural checks with a rubric labeled Self-assessed; this is not certification.

YOUR WORKSPACE

My First HTML Website

Create a website about an interest or a fictional community with index.html and about.html. Both need metadata, header/nav/main/footer, clear headings and paragraphs, and navigation in both directions. Add a list, an informative image with alt, and a labeled demonstration form with HTML validation. Use the supplied assets/observatory.svg or adapt your content theme to the illustration. Tables, CSS, and JavaScript are optional.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Home — Replace with your site name</title>
</head>
<body>
<!-- Build the home page from your own plan. -->
</body>
</html>

index.htmlHTMLLn 1, Col 111 lines2 spasi

Editor shortcuts & help

Ctrl + Space: Show suggestions · ↑ ↓ select · Enter accept · Esc close
Shift + Alt + F: Format code
Ctrl/⌘ + F: Find and replace text
Ctrl/⌘ + [ / ]: Decrease / increase indentation
Tab: Move focus; inside a snippet, move to the next field. Esc then Tab to exit.
Ctrl/⌘ + Z: Undo changes, including formatting

Suggestions use the language, snippets, and local code context. Formatting runs in your browser.

Document preview

Ctrl/⌘ + Enter runs the preview. Preview uses reading styles. Scripts and form submission are disabled. Sample illustration: assets/observatory.svg.

REVIEW YOUR WORK · SELF-ASSESSED

Assessment needs evidence.

Check only aspects you have reviewed and satisfied. Aim for ≥80/100, pass all structural checks, and satisfy every required aspect.

Structure & metadata REQUIREDBoth pages have a complete structure, distinct relevant titles, lang, charset, and viewport.20Content & semantics Content is original and understandable, headings are logical, lists are meaningful, and landmarks match their purposes.20Links & assets REQUIREDNavigation works in both directions and the illustration loads after downloading and extracting the package.15Basic accessibility REQUIREDAlt suits its context; every control is labeled; keyboard focus is visible and navigation order is coherent.20Demonstration form Field types and rules help users; the demo’s lack of submission is visibly explained.10Debugging & quality The HTML source was reviewed with a validator, findings were addressed, and notes describe the checks actually performed.15

Review notes: what did you check, find, and improve?

Explain in your own words, using at least 40 characters. Record any checks you have not performed as unfinished.

0 / 100

Review reference: Nu HTML Checker ↗. Upload or paste only the practice project you want to check.

My First HTML Website

My First HTML Website

Return to the starter code?

Assessment needs evidence.

Final project complete.