# html5-practical — GreenSteps


This repo is a small four-page educational site demonstrating semantic HTML, accessibility features, media handling, and interactive HTML elements without JavaScript.


## Requirements satisfied
- Only HTML files (no CSS or JS)
- 4 pages: index.html, about.html, media.html, extras.html
- Semantic layout elements used
- Skip link provided
- Standard head metadata included
- Internal navigation with relative links
- Video with `.vtt` captions, audio with controls
- Responsive images via `<picture>` + `srcset` + `sizes`
- Figure with `<figcaption>`
- Micro-elements used: `<time>`, `<mark>`, `<abbr>`, `<cite>`, `<code>`, `<kbd>`, `<samp>`
- `<blockquote>` with `<cite>` / `<footer>`
- `<address>` included
- Table uses `<caption>`, `<thead>`, `<tbody>`, `<tfoot>`, `<th scope>`
- `<details>` and `<dialog open>` present
- `<progress>` and `<meter>` included
- Internal anchors and external links with `rel="noopener"`
- Alt text and heading hierarchy present