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 |