HTML lessons: learn from scratch
There are two parts: question-and-answer pages and a sequence of lesson chapters. All of it is written by Nibras Code and available in 5 languages.
Questions and answers
- How do I write my first HTML page?The page skeleton, saving the file and opening it in a browser.
- The most used HTML tags: a short listHeadings, paragraphs, lists, links, images and div/span.
- Links and images in HTML: href, src and altWhy a link or image does not work, and why alt text matters.
- HTML forms: input, label and buttonBuilding a simple form and choosing field types.
- Semantic HTML: what header, nav, main and footer are forDividing a page into meaningful parts, accessibility and SEO.
- My HTML does not work: the 8 most common mistakesUnclosed tags, wrong file names, encoding and more.
Lesson chapters
- Basic HTML syntaxElements, tags, attributes, void elements, doctype and correct nesting.
- Headings and paragraphsThe h1–h6 hierarchy and the p element.
- ListsUnordered, ordered and description lists.
- Emphasis and importanceThe difference between em, strong, i and b.
- Creating hyperlinksThe a element, relative and absolute URLs, email links.
- Images in HTMLimg, alt text, sizing, figure and figcaption.
- HTML table basicstable, tr, td, th, colspan and rowspan.
- HTML formsform, input, label, button and field types.
- Document and website structureheader, nav, main, article, section, aside, footer.
- Webpage metadata: head and metatitle, meta charset, viewport, description, favicon.
- Debugging HTMLThe validator, unclosed tags and wrong nesting.