HTML Examples

This collection demonstrates how HTML5 enables interactivity without heavy JS code, using tags like <details> and <summary> to create accordions or show/hide widgets. You’ll see how to structure complex data with global attributes (data-*) for JavaScript interaction and how to effectively use the <template> tag for reusable content fragments. These techniques help build fast, modern, and easily maintainable interfaces.

Tags

• <datalist>
• <del>, <ins>
• <details>, <summary>
• <dialog>
• <dt>, <dd>
• <figure>, <figcaption>
• <hr>
• <sup>, <sub>
• <table>

APIs

• Canvas API
• Clipboard API
• Deck of Cards API
• Fetch API
• Houdini APIs
• HTML Drag and Drop API
• Fullscreen API
• Gamepad API
• GitHub API
• Intersection Observer API
• Pointer Events API
• Popover API
• Resize Observer API
• Unsplash API
• View Transition API
• Web Animations API
• Web Audio API
• Web Crypto API
• WebGL
• YouTube API

HTML Templates

• 401 Pages
• 403 Pages
• 404 Pages
• Funny 404 Pages
• 408 Pages
• 500 Pages
• CV/Resume

Other

• data-* Attributes
• Lazy Loading