Advanced HTML Tutorials
HTML is a big language, and there's a lot of theory and overhead that goes into how and why it works like it does. These are often HTML's newer features, things like built-in audio and video support, OpenGraph support for Twitter and Discord embeds, and many of HTML5's new semantic elements for making your markup cleaner and easy for machines to navigate. Others, like tables and image maps, have been in the standard since the beginning.
This section discusses those more in-depth elements and covers more than the basic HTML section.
(This section is currently a work-in-progress—stay tuned!)
| Tutorial | Description |
|---|---|
| Advanced Text Formatting (Blockquotes, Code Samples, and Comments) | Not all text is created equal or has the same functionality. HTML, thankfully, is equipped to handle them all. |
| Document Type Declarations | One subtly important aspect of page rendering is making sure the browser knows which version of HTML the page is written in. |
| IDs and Classes | Two special attributes are used to tag elements so they can be linked to (or styled, in the case of CSS) more specifically. |
| Tables | Tables are grids of boxes used for displaying data. In HTML, they're represented by long nests of elements. |
| Audio and Video | In past years, plugins were needed to make music and videos play in the browser. Now, these come built-in. |
<meta> and OpenGraph |
<meta> tags and OpenGraph allow web apps and search engines to better read and understand your page's content. |
| Image Maps | Image maps are a very old, yet surprisingly robust technology that can turn different parts of a single image into many distinct links. |
| Parents and Children | In HTML, "parents" and "children" refer to the way elements are nested into one another, and they're necessary for understanding CSS. |
| Semantic HTML | HTML5 introduces a slew of new elements meant to better describe the parts and function of your pages. |