html-learning

![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![WebStorm](https://img.shields.io/badge/WebStorm-000000?style=for-the-badge&logo=webstorm&logoColor=white) ![macOS](https://img.shields.io/badge/macOS-2A1610?style=for-the-badge&logo=apple&logoColor=white) ![Status](https://img.shields.io/badge/Status-In_Progress-F59E42?style=for-the-badge)

html-learning — the markup I write while learning the web

Two axes, deliberately different. uni/ runs chronologically — the order is set by the lecturer, not by me. learning/ runs thematically, at my own pace. Merging them into a single numbering would mean bending my own pace to somebody else’s timetable, so they sit apart and never overlap.

🎓 Labs

№	Topic	What it practises	Live
01	Tables	`colspan`, `rowspan`, merged cells, `<caption>`	▶ open
02	Lists	`<ul>`, `<ol type="I">`, three levels of nesting	▶ open
03	Forms	input types, `<fieldset>`, `<datalist>`, validation via `required` / `pattern`	▶ open
04	Media	`<video>`, `<audio>`, YouTube & Vimeo `<iframe>`, 16:9 container	▶ open
05	Semantics	`<header>`, `<main>`, `<article>`, `<aside>`, `<time>` — blog without a single `<div>`	▶ open

🗂 Structure

html-learning/
├── assets/              — repository banner
├── uni/
│   └── labs/
│       └── lab01/       — one lab = one folder
│           ├── README.md  — what the lab is about
│           └── index.html — the page itself
└── learning/            — topics at my own pace

Every lab is a single self-contained index.html — open it via the Live link or locally in a browser, nothing to build or install.

🛠 Stack


Language	HTML5
IDE	JetBrains WebStorm
OS	macOS