---
title: "HTML"
description: "HTML is the foundation of everything we do, more or less. Structured HTML helps us make the web better and more resilient than almost all other tools combined."
canonical_url: "https://www.codex.republic.se/languages/html"
section: "Pages"
---

# HTML

HTML is the foundation of everything we do, more or less. Structured HTML helps us make the web better and more resilient than almost all other tools combined.

Used efficiently and correctly, HTML is, to a high degree, easy to use, accessible, and indexable from the start.

---

- [ Example HTML document ](/languages/html/example-html-document)
- [ It's all in the head ](/languages/html/its-all-in-the-head)
- [ Grids ](/languages/html/grids)

---

## Resources

### Introductions

 ![](https://www.google.com/s2/favicons?domain=https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML&sz=128) [Introduction to HTML - Learn web development | MDN](https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://abookapart.com/products/html5-for-web-designers&sz=128) [HTML5 For Web Designers by Jeremy Keith & Rachel Andrew](https://abookapart.com/products/html5-for-web-designers) // 2025-06-12

### Images

 ![](https://www.google.com/s2/favicons?domain=https://stackoverflow.blog/2022/03/28/picture-perfect-images-with-the-modern-element/&sz=128) [Picture perfect images with the modern element](https://stackoverflow.blog/2022/03/28/picture-perfect-images-with-the-modern-element/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://web.dev/image-component/&sz=128) [Building an effective Image Component](https://web.dev/image-component/) // 2025-06-12

 ![](https://www.google.com/s2/favicons?domain=https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/&sz=128) [Using Modern Image Formats: AVIF And WebP - Smashing Magazine](https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/) // 2025-06-12

### Videos

 ![](https://www.google.com/s2/favicons?domain=https://briefs.video/&sz=128) [Webbed Briefs](https://briefs.video/) // 2025-06-12

### Tools

 ![](https://www.google.com/s2/favicons?domain=https://validator.w3.org/&sz=128) [Markup Validation Service](https://validator.w3.org/) // 2025-06-12

### Google HTML/CSS Styleguide

 ![](https://www.google.com/s2/favicons?domain=https://google.github.io/styleguide/htmlcssguide.html&sz=128) [Google HTML/CSS Style Guide](https://google.github.io/styleguide/htmlcssguide.html) // 2025-06-12