HTML
select, option, optgroup and datalist
Dropdowns done properly: grouping options, multiple selection, the placeholder option trick, and when a datalist beats a select.
HTML
A complete HTML path: document structure, text, links, media, tables, forms, semantic markup, HTML5, metadata, accessibility, SEO, tooling, projects and assessment.
113 notes in 20 topics
Topics in HTML
HTML Basics 7
Text and Formatting 5
Links and Navigation 5
Images and Media 7
Lists 3
Tables 5
Forms 9
Semantic HTML 5
HTML5 Features 7
Head and Metadata 5
HTML with CSS 5
HTML with JavaScript 5
Accessibility 6
HTML SEO 10
DevTools and Debugging 4
Editor Productivity 3
HTML Best Practices 4
HTML Projects 6
Advanced Projects 5
Practice and Exams 7
Notes
HTML
textarea, File Uploads and Hidden Fields
Three controls with their own rules: a textarea whose value is its content, a file input that needs the right enctype, and hidden fields that are not...
HTML
Buttons: submit, reset and button
Three button types, one attribute, and a default that causes more accidental submissions than any other rule in HTML.
HTML
Built In Form Validation
The browser can check most of a form before it is sent, with no JavaScript. Learn the attributes, the CSS hooks, and why none of it replaces server va...
HTML
GET or POST: What Happens When a Form Is Submitted
Two methods, two very different places for your data. Learn which to use, what is safe in a URL, and why neither is encrypted on its own.
HTML
Why Semantic HTML Matters
Two pages can look identical and be worlds apart. Semantic markup is what tells browsers, screen readers and search engines what each part of a page a...
HTML
Page Landmarks: header, nav, main and footer
Four elements divide a page into regions a screen reader can jump between. Learn the rules for each, including the one that says main appears exactly...
HTML
section, article and aside
The three most argued about elements in HTML. There are clear tests for each, and once you know them the choice stops being a matter of taste.
HTML
details, summary, time, address and other Semantic Elements
A disclosure widget with no JavaScript, machine readable dates, contact details and a progress bar. Small elements that replace a surprising amount of...
HTML
div and span: When Nothing Else Fits
Two elements with no meaning at all, and that is the point. Learn what they are for, why they are not a failure, and how to know you have too many.
HTML
What HTML5 Actually Means
HTML5 is not a version you upgrade to. It is the name for a shift from a frozen specification to a living standard, and for the elements and APIs that...
HTML
Data Attributes: Storing Your Own Data in Markup
A legitimate way to attach custom information to an element, readable from CSS and JavaScript, without inventing invalid attributes.