Intro

An element is anything you add to the screen. They can be thought of as HTML tags or contextual building blocks for your site.

Some Elements are only allowed in the <body> or <head> of your page, while others can be placed in both.

Body Elements

The following Elements may be added to the <body> of your page.

Header - Element represents a container for introductory content or a set of navigational links.
Main - Specifies the main content of a document.
Aside - Defines some content aside from the content it is placed in.
Section - Defines sections in a document, such as chapters, headers, footers, or any other sections of the document.
Div - Defines a division or a section in an HTML document.
Footer - Defines a footer for a document or section.
Unorderd list - defines an unordered (bulleted) list.
Ordered list - defines an ordered list. An ordered list can be numerical or alphabetical.
Canvas - Use this with either the canvas scripting API or the WebGL API to draw graphics and animations.

H1, H2, H3, H4, H5, H6 - are used to define HTML headings.
Inline - does not cause a line break (start on a new line) and does not take up the full width of a page, only the space bounded by its opening and closing tag.
Paragraph - Defines a paragraph.
Link/Button - Defines a hyperlink, which is used to link from one page to another.
List item - Defines a list item. Should be nested in an unordered or ordered list.
Strong - defines important text.
Emphasis (italic) - defines emphasized text.
Text - For adding different styled text nested inside of defined text elements like H1, H2, etc.
Preformatted text - Text which is to be presented exactly as it is written in HTML.
Blockquote - Specifies a section that is quoted from another source.
Code - A phrase tag. It defines a piece of computer code.
Blog - A text element that renders multiple lines, bold and italic text, and links.

Image - Defines an image in an HTML page.
Video - Specifies video, such as a movie clip or other video streams.
Source - Used to specify multiple media resources for media elements, such as <video>, <audio>, and <picture>.
iframe - specifies an inline frame.

Form - Used to create an HTML form for user input.
Select (dropdown) - Creates a drop-down list
Option (items in a dropdown) - Defines an option in a select list.
Button - Defines a clickable button.
Input (multiple choice) - Specifies an input field where the user can enter data.

The following Elements may be added to the <head> of your page.

Document Title - The title of your webpage. This appears in the browser tab.
Favicon - An icon to go next to the document title in the browser tab.
Metadata - the HTML <meta> element.
External Link - Specify an external URL to load a resource.
Sheet Feed - Iterate over a row or rows from data in a Sheet.
Raw HTML - Add any HTML of any kind into the attribute of this element.
Stylesheet - Add CSS rules.
Script - Add a JavaScript Script that will execute when the page loads.