Below is a summary table with all the HTML elements discussed on the HTML 101 pages.
| Element | Application |
|---|---|
html | The containing parent element of all elements on a web page |
head | Contains meta information about the page. Its content is not displayed |
title | Is a child element of the head element. It contains text that is displayed in browser tabs, and it is read out by screen readers |
body | Contains the content of a web page |
h1 - h6 | Headings give the content of a page structure and hierarchy. They are used by screen readers to navigate the content of a web page |
p | Contains a paragraph of text |
img | Embeds an image into a web page |
a | Creates a link to an element on the page, or to another page |
button | When activated, initiates an action, like submitting inputted data or opening a dialog |
input | Collects data from users. Can have different types, like a radio button, a checkbox, a text field, … |
ul, ol, li | Unordered lists show their list items as bullet points, ordered lists show them numbered |
div | A generic element to contain other elements, used for creating layout and for styling |
table, thead, tbody | Creates a table, with a table header row and a table body |
tr | A row in a table |
td | A cell in a table row |
audio, video | Embeds audio and video files into a web page. Modern browsers automatically create media players to play the media |
svg | Scalable vector graphics are the vector based image format native to HTML |
rect, circle, line, text , … | Children of an svg element, to dray shapes and text on the svg canvas |