HTML Cheat Sheet [Inc HTML5 Tags]

List of HTML Elements By Category

An HTML element (or tag) is an individual component of an HTML document. Here below is a full list of HTML elements listed by category.

HTML TAG

Specifies an html document. The HTML element (or HTML root element) represents the root of an HTML document. All other elements must be descendants of this element. Since the element is the first in a document other than comments, it is called the root element. Although this tag can be implied, or not required, with HTML, it is required to be opened and closed in XHTML.

Attributes (modifiers)
xmlns + global attributes

Code example

… …

BASE TAG

Specifies URL which non-absolute URLs are relative to. The HTML element specifies the base URL to use for all relative URLs contained within a document. There can be only one element in a document.

Attributes (modifiers)
href | target (_self | _blank | _parent | _top) + global attributes

Code example

HEAD TAG

First element of the HTML document. Collection of metadata for the Document. The HTML element provides general information (metadata) about the document, including its title and links to its scripts and style sheets.

Attributes (modifiers)
Global attributes

Code example

Document title

LINK TAG

Other resources related to the document. The HTML element specifies relationships between the current document and an external resource. Possible uses for this element include defining a relational framework for navigation. This Element is most used to link to style sheets.

Attributes (modifiers)
href | rel | media | hreflang | type | sizes | crossorigin | integrity + global attributes

Code example

META TAG

Document metadata that can’t be expressed with other elements. The HTML element represents any metadata information that cannot be represented by one of the other HTML meta-related elements (, ,

Global Attributes

Here below is a list of attributes supported by all HTML5 tags

New Tags in HTML5

Here below is a list of the new elements introduced in HTML5.

Want to save this HTML cheat sheet to your computer? Click here to download it as a PDF file

A big thanks to Mozilla https://developer.mozilla.org/en-US/docs/Web/HTML for providing us with some of the definitions and code examples.

Source

Leave a comment

Your email address will not be published. Required fields are marked *