An HTML element is a piece of content in an HTML document.
<opening-tag> content </closing-tag> <self-closing-element />
HTML elements can be nested, which means that elements can contain other elements inside them, or nested. All HTML documents consist of nested HTML elements.
The following example contains four HTML elements:
<!DOCTYPE ><html><body><h1>Blog Post</h1><p>My first paragraph.</p></body></html>
- Creates a link to another page or to a location in the current page.
- Indicates an acronym or abbreviation of a longer word or phrase.
- Creates text that will be displayed when hovered over.
- Used to embed Java applets in HTML documents but is no longer supported.
- Represents an interface for adding audio content to the page.
- Used to draw attention to a section of text, usually rendered in boldface.
- Used to be used to set the font of text. This is now deprecated.
- Represents a section of a document which contains a longer quotation, usually spanning multiple lines.
- Represents a break in text. It is used when text needs to span multiple lines rather than being in-line, such as in an address.
- Displays its contents centered horizontally in the containing element. This is now deprecated and CSS should be used instead.
- Represents a citation to a referenced work such as a book, a song, or a painting.
- Represents source code contained in the text.
- Displays pre-defined values to a user while typing into an input box.
- Describes details found inside a <dl> element. It usually comes with at least one corresponding <dt> term tag.
- Shows text that is to be removed from a document, usually rendered in strike-through text.
- Represents a generic division of content. It has no semantic meaning, but will separate its contents from the rest of the document.
- Displays terms and details, commonly for metadata purposes.
- Describes a term found inside a <dl> tag. It usually comes with at least one corresponding <dd> details tag.
- Represents text which is emphasized. Browsers will show the enclosed text in italics, by default."
- Inserts external content such as a video, image, page, and more.
- Used to be used to set the font characteristics of a text. This is now deprecated.
- Represents an interface to collect and submit user supplied information. This can include open ended text inputs, radio buttons, calendar information, and more.
- <h1> - <h6>
- Represents a text heading for a section of content, with <h1> being the highest level of heading and <h6> being the lowest.
- Represents a collection of metadata related to the current document. It is an immediate child of the `<html>` element and may include other tags such as <title>, <link>, <style>, and <script>.
- Represents a semantic, horizontal line break between text elements.
- Represents the entire HTML document.
- Used to set off HTML text for some reason, as idiomatic, technical, taxonomical and so on. Typically rendered as italic.
- Represents a container used to embed a second web page inside the current one. It can be used for content from the same domain as the parent, or even from a second domain.
- Displays an image on the web page.
- Creates an interactive element, usually used within a form to allow user input. It can be used to make text boxes, color pickers, date pickers, and other UI elements.
- Emphasizes characters to look like keys on a keyboard.
- Identifies captions for other elements in an HTML document.
- Represents a single item in a list of items. It and the other list items must be wrapped in an <ol>, <ul>, or <menu> tag.
- Represents an interface to provide metadata pertaining to the document. Metadata is data that is used to describe the document that contains it.
- Represents an external resource such as an image, a nested browsing context, or content to be handled by a browser plugin.
- Represents an ordered list of items.
- Represents one option in a dropdown created by the select tag.
- Displays the result of a calculation or user action.
- Used to pass parameters to a resource defined in an object tag.
- Represents multiple possible image sources to be applied to different devices and screen-sizes.
- Used to represent a brief inline quotation.
- Represents strike-through text that is no longer need, accurate, or correct.
- Creates a drop-down list for the user to select from a number of option elements.
- Represents an interface for adding source content to the page.
- Used for grouping related text or elements for styling and scripting.
- Used to identify text that is very important, or urgent.
- Applies CSS styles to an HTML document.
- Represents an interface for adding tabular data to the page. Tables are two dimensional, made up of rows and columns, and can contain many types of content.
- Displays multi-line plain-text input.
- Displays HTML text with a non-textual annotation. The default rendering of this is a solid underline.
- Represents an unordered list of items.
- Represents an interface for adding video content to the page.