HTML Practical Guides
Use focused guides when you know the job you need to do and want a verified pattern, a realistic example and the next tool or practice step.
Accessible HTML Forms
Build forms that are clear to keyboard and screen-reader users.
Open →HTMLSemantic HTML Layout
Use meaningful landmarks instead of generic divs everywhere.
Open →HTMLAccessible HTML Tables
Mark up tabular data so headers and cells remain understandable.
Open →HTMLHTML Button vs Link
Choose controls based on whether the action navigates or changes the current page.
Open →HTMLHTML Input Types
Use browser-native input behavior for common data types.
Open →HTMLHTML Form Validation
Use required, min, max and pattern for immediate client-side feedback.
Open →HTMLHTML details and summary
Create disclosure panels without custom JavaScript.
Open →HTMLHTML Meta Description
Write a concise search snippet description for each useful page.
Open →HTMLResponsive Viewport Meta Tag
Tell mobile browsers to use the device width for layout.
Open →HTMLResponsive Images
Deliver appropriate image resources for different displays.
Open →HTMLARIA Basics
Use ARIA to supplement native HTML when native semantics are not enough.
Open →HTMLHTML data-* Attributes
Attach declarative behavior or metadata without invalid custom attributes.
Open →HTMLOpen Graph Meta Tags
Control how pages are described when shared on social platforms.
Open →HTMLStructured Data Basics
Describe eligible page entities with machine-readable JSON-LD.
Open →HTMLHTML SEO Checklist
Cover the technical basics that help search engines interpret a page.
Open →