HTML
- Getting started with HTML
- Upscaling your web development business
- What Kind of Hosting Should a Student Choose?
- Awesome Book
- Awesome Community
- Awesome Course
- Awesome Tutorial
- Awesome YouTube
- Anchors and Hyperlinks
- ARIA
- role="alert"
- role="alertdialog"
- role="application"
- role="article"
- role="banner"
- role="button"
- role="cell"
- role="checkbox"
- role="columnheader"
- role="combobox"
- role="complementary"
- role="contentinfo"
- role="definition"
- role="dialog"
- role="directory"
- role="document"
- role="form"
- role="grid"
- role="gridcell"
- role="group"
- role="heading"
- role="img"
- role="link"
- role="list"
- role="listbox"
- role="listitem"
- role="log"
- role="main"
- role="marquee"
- role="math"
- role="menu"
- role="menubar"
- role="menuitem"
- role="menuitemcheckbox"
- role="menuitemradio"
- role="navigation"
- role="note"
- role="option"
- role="presentation"
- role="progressbar"
- role="radio"
- role="radiogroup"
- role="region"
- role="row"
- role="rowgroup"
- role="rowheader"
- role="scrollbar"
- role="search"
- role="searchbox"
- role="separator"
- role="slider"
- role="spinbutton"
- role="status"
- role="switch"
- role="tab"
- role="table"
- role="tablist"
- role="tabpanel"
- role="textbox"
- role="timer"
- role="toolbar"
- role="tooltip"
- role="tree"
- role="treegrid"
- role="treeitem"
- Canvas
- Character Entities
- Classes and IDs
- Comments
- Content Languages
- Data Attributes
- Div Element
- Doctypes
- Embed
- Forms
- Global Attributes
- Headings
- HTML 5 Cache
- HTML Event Attributes
- IFrames
- Image Maps
- Images
- Include JavaScript Code in HTML
- Input Control Elements
- Label Element
- Linking Resources
- Lists
- Marking up computer code
- Marking-up Quotes
- Media Elements
- Meta Information
- Navigation Bars
- Output Element
- Paragraphs
- Progress Element
- Sectioning Elements
- Selection Menu Controls
- SVG
- Tabindex
- Tables
- Text Formatting
- Using HTML with CSS
- Void Elements
Example
A contextual popup that displays a description for an element.
<span aria-describedby="slopedesc">Slope</span>
<div role="tooltip" id="slopedesc">y=mx+b</div>
Typically, the tooltip would be hidden. Using JavaScript, the tooltip would be displayed after a delay when the user hovers over the element that it describes.
