basic-html Defines a title for the document. A title tag is an HTML element that specifies the title of a web page. Title tags are displayed on search engine results pages (SERPs) as the clickable headline for a given result, and are important for usability, SEO, and social sharing. By <body> basic-html The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. Hh <h1>-to-<h6> basic-html The <h1> to <h6> tags are used to define HTML headings. <h1> defines the most important heading. <h6> defines the least important headings. A good practice is to only use one <h1> tag per page. P <p> basic-html Defines a paragraph element. Browsers automatically add a single blank line before and after each <p> element. Br <br> basic-html The <br> tag is used for creating the 'br' element, which represents a line break in an HTML document. The <br> element is classified as a "void element" as it has no content. This also means that no end tag is required Hr <hr> basic-html The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic). The <hr> element is most often displayed as a horizontal rule that is used to separate content (or define a change) in an HTML page. Cm  tags (browsers won't show these notes). Commenting in HTML allows developers to leave notes about their code, its functionality or to indicate necessary changes for the future. Ar <abbr> formatting The Abbreviation element, <abbr> represents an abbreviation or acronym; the optional title attribute can provide an expansion or description for the abbreviation. If present, title must contain this full description and nothing else. As <address> formatting The <address> tag defines the contact information for the author/owner of a document or an article. The contact information can be an email address, URL, physical address, phone number, social media handle, etc. B <b> formatting The <b> tag is used to indicate the importance of the text. The text is written within <b> tag display in bold size. The <b> tag works similar to the <strong> tag. Bi <bdi> formatting The Bi-directional Isolate element ( <bdi> ) tells the browser's bidirectional algorithm to treat the text it contains in isolation from its surrounding text. It's particularly useful when a website dynamically inserts some text and doesn't know the directionality of the text being inserted. Bo <bdo> formatting BDO stands for Bi-Directional Override. The <bdo> tag is used to override the current text direction. Bq <blockquote> formatting The <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. ... A URL for the source of the quotation may be given using the cite attribute Ct <cite> formatting The <cite> tag defines the title of a creative work such as a movie, book, literature, sculpture, painting or drawing. Cd <code> formatting The <code> tag is used to define a piece of computer code. The content inside is displayed in the browser's default monospace font. De <del> formatting The <del> tag in HTML stands for delete and is used to mark a portion of text which has been deleted from the document. The deleted text is rendered as strike-through text by the web browsers but can be changed with CSS. Dn <dfn> formatting The <dfn> tag is used to mark a term that is being defined in the document. The definition for the term must be found within the parent of the <dfn> tag. Browsers traditionally render the text found within the <dfn> tag as italicized text. Em <em> formatting The <em> tag marks text that has stress emphasis which traditionally means that the text is displayed in italics by the browser. This tag is also commonly referred to as the <em> element. I <i> formatting The <i> tag merely gives text an italicized appearance but does not provide any semantic meaning to the text. This tag is also commonly referred to as the <i> element. Is <ins> formatting The <ins> tag is used to markup new text that has been inserted into a document to show the history of changes to a document. Browsers traditionally render the text found within the <ins> tag as underlined text. You can use the companion tag called the <del> tag to markup text that has been deleted from a document but retained to show the history of changes to a document. Kbd <kbd> formatting The <kbd> tag defines text as user input from a keyboard such as the Enter or Ctrl keys. Browsers traditionally render the text found within the <kbd> tag in the default monospace font. This tag is also commonly referred to as the <kbd> element. Mk <mark> formatting The <mark> tag is used to mark or highlight text that is of special interest or relevance in an HTML document. Browsers traditionally render the text found within the <mark> tag as text with a yellow background color. This tag is also commonly referred to as the <mark> element. Mr <meter> formatting The <meter> tag represents either a scalar value within a known range or a fractional value. Works similar to the <progress>> tag. Pre <pre> formatting The <pre> tag defines preformatted text preserving both whitespace and line breaks in the HTML document. This tag is also commonly referred to as the <pre> element. Ps <progress> formatting The <progress> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar. Works similar to the <meter> tag. Q <q> formatting The <q> element indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <blockquote> element. Rp <rp> formatting The Ruby Fallback Parenthesis (<rp>) element is used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <ruby> element. One <rp> element should enclose each of the opening and closing parentheses that wrap the <rt> element that contains the annotation's text. Rt <rt> formatting The Ruby Text (<rt>) element specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The <rt> element must always be contained within a <ruby> element. Ry <ruby> formatting The <ruby> element represents small annotations that are rendered above, below, or next to base text, usually used for showing the pronunciation of East Asian characters. It can also be used for annotating other kinds of text, but this usage is less common. S <s> formatting The <s> element renders text with a strikethrough, or a line through it. Use the <s> element to represent things that are no longer relevant or no longer accurate. However, <s> is not appropriate when indicating document edits; for that, use the <del> and <ins> elements, as appropriate. Sp <samp> formatting The Sample Element (<samp>) is used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console). Sm <small> formatting The <small> element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small. Sg <strong> formatting The Strong Importance Element (<strong>) indicates that its contents have strong importance, seriousness, or urgency. Browsers typically render the contents in bold type. Sub <sub> formatting The Subscript element (<sub>) specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text. Sup <sup> formatting The Superscript element (<sup>) specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text. Tm <time> formatting The <time> element represents a specific period in time. It may include the datetime attribute to translate dates into machine-readable format, allowing for better search engine results or custom features such as reminders. U <u> formatting The Unarticulated Annotation element (<u>) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS. Vr <var> formatting The Variable element (<var>) represents the name of a variable in a mathematical expression or a programming context. It's typically presented using an italicized version of the current typeface, although that behavior is browser-dependent. Wr <wbr> formatting The <wbr> element represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location. Fm <form> forms-and-input The <form> element represents a document section containing interactive controls for submitting information. It is possible to use the :valid and :invalid CSS pseudo-classes to style a <form> element based on whether or not the elements inside the form are valid. It <input> forms-and-input The <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes. Ta <textarea> forms-and-input The <textarea> element represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form. Bn <button> forms-and-input The <button> element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality. Easily change the button style with CSS. St <select> forms-and-input The <select> element represents a control that provides a menu of options: Op <optgroup> forms-and-input The <optgroup> element creates a grouping of options within a <select> element. On <option> forms-and-input The <option> element is used to define an item contained in a <select>, an <optgroup>, or a <datalist> element. As such, <option> can represent menu items in popups and other lists of items in an HTML document. Lbl <label> forms-and-input The <label> element represents a caption for an item in a user interface. To associate the <label> with an <input> element, you need to give the <input> an id attribute. The <label> then needs a for attribute whose value is the same as the input's id. Alternatively, you can nest the <input> directly inside the <label>, in which case the for and id attributes are not needed. Fs <fieldset> forms-and-input The <fieldset> element is used to group several controls as well as labels (<label>) within a web form. Ld <legend> forms-and-input The <legend> element represents a caption for the content of its parent <fieldset>. Ds <datalist> forms-and-input The <datalist> element contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls. Kn <keygen> forms-and-input The HTML <keygen> element exists to facilitate generation of key material, and submission of the public key as part of an HTML form. This mechanism is designed for use with Web-based certificate management systems. This element is deprecated although some browsers may still support it. Ot <output> forms-and-input The HTML Output element (<output>) is a container element into which a site or app can inject the results of a calculation or the outcome of a user action. If <iframe> frames The Inline Frame element (<iframe>) represents a nested browsing context, embedding another HTML page into the current one. Ig <img> images The <img> element embeds an image into the document. Mp <map> images The <map> element is used with <area> elements to define an image map (a clickable link area). Aa <area> images The <area> element defines an area inside an image map that has predefined clickable areas. An image map allows geometric areas on an image to be associated with hypertext link. This element is used only within a <map> element. Cs <canvas> images Use the <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations. Fgc <figcaption> images The <figcaption> or Figure Caption element represents a caption or legend describing the rest of the contents of its parent <figure> element. Fg <figure> images The <figure> (Figure With Optional Caption) element represents self-contained content, potentially with an optional caption, which is specified using the <figcaption> element. The figure, its caption, and its contents are referenced as a single unit. Pr <picture> images The <picture> element contains zero or more <source> elements and one <img> element to offer alternative versions of an image for different display/device scenarios. Ao <audio> audio-and-video The <audio> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element: the browser will choose the most suitable one. Sc <source> audio-and-video The <source> element specifies multiple media resources for the <picture>, <audio> , or <video> element. This element has no content and does not have a closing tag. It is commonly used to offer the same media content in multiple file formats in order to provide compatibility with a broad range of browsers given their differing support for image and media file formats. Tk <track> audio-and-video The <track> element is used as a child of the media elements, <audio> and <video>. It lets you specify timed text tracks (or time-based data), for example to automatically handle subtitles. The tracks are formatted in WebVTT format (.vtt files) — Web Video Text Tracks. Vd <video> audio-and-video The Video element (<video>) embeds a media player which supports video playback into the document. You can use <video> for audio content as well, but the <audio> element may provide a more appropriate user experience. A <a> links The <a> element (or anchor tag), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Content within each <a> should indicate the link's destination. If the href attribute is present, pressing the enter key while focused on the <a> element will activate it. Lk <link> links The External Resource Link element (<link>) specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things. Nv <nav> links The <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes. Ul <ul> lists The <ul> element represents an unordered list of items, typically rendered as a bulleted list. Ol <ol> lists The <ol> element represents an ordered list of items — typically rendered as a numbered list. Li <li> lists The <li> element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). Dl <dl> lists The <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs). Dt <dt> lists The <dt> element specifies a term in a description or definition list, and as such must be used inside a <dl> element. It is usually followed by a <dd> element; however, multiple <dt> elements in a row indicate several terms that are all defined by the immediate next <dd> element. Dd <dd> lists The <dd> element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>). Mu <menu> lists The <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked. Mi <menuitem> lists The <menuitem> element represents a command that a user is able to invoke through a popup menu. This includes context menus, as well as menus that might be attached to a menu button. This element is deprecated although some browsers may still support it. Tl <table> tables The <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data. Cn <caption> tables The <caption> element specifies the caption (or title) of a table. Th <th> tables The <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes. Tr <tr> tables The <tr> element defines a row of cells in a table. The row's cells can then be established using a mix of <td> (data cell) and <th> (header cell) elements. Td <td> tables The <td> element defines a cell of a table that contains data. It participates in the table model. Thd <thead> tables The <thead> element defines a set of rows defining the head of the columns of the table. Tbd <tbody> tables The Table Body element (<tbody>) encapsulates a set of table rows (<tr> elements), indicating that they comprise the body of the table (<table>). Tf <tfoot> tables The <tfoot> element defines a set of rows summarizing the columns of the table. Cl <col> tables The <col> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element. Cg <colgroup> tables The <colgroup> element defines a group of columns within a table. Sl <style> styles-and-semantics The <style> element contains style information for a document, or part of a document. It contains CSS, which is applied to the contents of the document containing the <style> element. Dv <div> styles-and-semantics The Content Division element (<div>) is the generic container for flow content. It has no effect on the content or layout until styled in some way using CSS. Spn <span> styles-and-semantics The <span> element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the class or id attributes), or because they share attribute values, such as lang. It should be used only when no other semantic element is appropriate. Hdr <header> styles-and-semantics The <header> element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements. Ft <footer> styles-and-semantics The <footer> element represents a footer for its nearest sectioning content or sectioning root element. A <footer> typically contains information about the author of the section, copyright data or links to related documents. Mn <main> styles-and-semantics The <main> element represents the dominant content of the <body> of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application. Sn <section> styles-and-semantics The <section> element represents a generic standalone section of a document, which doesn't have a more specific semantic element to represent it. Sections should always have a heading, with very few exceptions. Ae <article> styles-and-semantics The <article> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, blog entry, etc. Ad <aside> styles-and-semantics The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes. Ds <details> styles-and-semantics The Details Element (<details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label must be provided using the <summary> element. The user can 'view' or 'hide' the information. Dg <dialog> styles-and-semantics The <dialog> element represents a dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow. Sr <summary> styles-and-semantics The Disclosure Summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box. Clicking the <summary> element toggles the state of the parent <details> element open and closed. Da <data> styles-and-semantics The <data> element links a given piece of content with a machine-readable translation. If the content is time- or date-related, the <time> element must be used. Hd <head> meta-info The <head> element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets. Mt <meta> meta-info The <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>. Be <base> meta-info The <base> element specifies the base URL to use for all relative URLs in a document. There can be only one <base> element in a document. Spt <script> programming The <script> element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code. The <script> element can also be used with other languages, such as WebGL's GLSL shader programming language and JSON. Nst <noscript> programming The <noscript> element defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser. Ed <embed> programming The <embed> element embeds external content at the specified point in the document. This content is provided by an external application or other source of interactive content such as a browser plug-in. Ot <object> programming The <object> element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin. Pm <param> programming The <param> element defines parameters for an <object> element.

Dt basic-html Defines the document type. This tag shows that HTML5 is being run. This HTML Tag does not have a closing tag. Hl basic-html Defines an HTML document. The tag represents the root of an HTML document. The tag is the container for all other HTML elements. Ttl basic-html Defines a title for the document. A title tag is an HTML element that specifies the title of a web page. Title tags are displayed on search engine results pages (SERPs) as the clickable headline for a given result, and are important for usability, SEO, and social sharing. By <body> basic-html The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. Hh <h1>-to-<h6> basic-html The <h1> to <h6> tags are used to define HTML headings. <h1> defines the most important heading. <h6> defines the least important headings. A good practice is to only use one <h1> tag per page. P <p> basic-html Defines a paragraph element. Browsers automatically add a single blank line before and after each <p> element. Br <br> basic-html The <br> tag is used for creating the 'br' element, which represents a line break in an HTML document. The <br> element is classified as a "void element" as it has no content. This also means that no end tag is required Hr <hr> basic-html The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic). The <hr> element is most often displayed as a horizontal rule that is used to separate content (or define a change) in an HTML page. Cm  tags (browsers won't show these notes). Commenting in HTML allows developers to leave notes about their code, its functionality or to indicate necessary changes for the future. Ar <abbr> formatting The Abbreviation element, <abbr> represents an abbreviation or acronym; the optional title attribute can provide an expansion or description for the abbreviation. If present, title must contain this full description and nothing else. As <address> formatting The <address> tag defines the contact information for the author/owner of a document or an article. The contact information can be an email address, URL, physical address, phone number, social media handle, etc. B <b> formatting The <b> tag is used to indicate the importance of the text. The text is written within <b> tag display in bold size. The <b> tag works similar to the <strong> tag. Bi <bdi> formatting The Bi-directional Isolate element ( <bdi> ) tells the browser's bidirectional algorithm to treat the text it contains in isolation from its surrounding text. It's particularly useful when a website dynamically inserts some text and doesn't know the directionality of the text being inserted. Bo <bdo> formatting BDO stands for Bi-Directional Override. The <bdo> tag is used to override the current text direction. Bq <blockquote> formatting The <blockquote> Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. ... A URL for the source of the quotation may be given using the cite attribute Ct <cite> formatting The <cite> tag defines the title of a creative work such as a movie, book, literature, sculpture, painting or drawing. Cd <code> formatting The <code> tag is used to define a piece of computer code. The content inside is displayed in the browser's default monospace font. De <del> formatting The <del> tag in HTML stands for delete and is used to mark a portion of text which has been deleted from the document. The deleted text is rendered as strike-through text by the web browsers but can be changed with CSS. Dn <dfn> formatting The <dfn> tag is used to mark a term that is being defined in the document. The definition for the term must be found within the parent of the <dfn> tag. Browsers traditionally render the text found within the <dfn> tag as italicized text. Em <em> formatting The <em> tag marks text that has stress emphasis which traditionally means that the text is displayed in italics by the browser. This tag is also commonly referred to as the <em> element. I <i> formatting The <i> tag merely gives text an italicized appearance but does not provide any semantic meaning to the text. This tag is also commonly referred to as the <i> element. Is <ins> formatting The <ins> tag is used to markup new text that has been inserted into a document to show the history of changes to a document. Browsers traditionally render the text found within the <ins> tag as underlined text. You can use the companion tag called the <del> tag to markup text that has been deleted from a document but retained to show the history of changes to a document. Kbd <kbd> formatting The <kbd> tag defines text as user input from a keyboard such as the Enter or Ctrl keys. Browsers traditionally render the text found within the <kbd> tag in the default monospace font. This tag is also commonly referred to as the <kbd> element. Mk <mark> formatting The <mark> tag is used to mark or highlight text that is of special interest or relevance in an HTML document. Browsers traditionally render the text found within the <mark> tag as text with a yellow background color. This tag is also commonly referred to as the <mark> element. Mr <meter> formatting The <meter> tag represents either a scalar value within a known range or a fractional value. Works similar to the <progress>> tag. Pre <pre> formatting The <pre> tag defines preformatted text preserving both whitespace and line breaks in the HTML document. This tag is also commonly referred to as the <pre> element. Ps <progress> formatting The <progress> element displays an indicator showing the completion progress of a task, typically displayed as a progress bar. Works similar to the <meter> tag. Q <q> formatting The <q> element indicates that the enclosed text is a short inline quotation. Most modern browsers implement this by surrounding the text in quotation marks. This element is intended for short quotations that don't require paragraph breaks; for long quotations use the <blockquote> element. Rp <rp> formatting The Ruby Fallback Parenthesis (<rp>) element is used to provide fall-back parentheses for browsers that do not support display of ruby annotations using the <ruby> element. One <rp> element should enclose each of the opening and closing parentheses that wrap the <rt> element that contains the annotation's text. Rt <rt> formatting The Ruby Text (<rt>) element specifies the ruby text component of a ruby annotation, which is used to provide pronunciation, translation, or transliteration information for East Asian typography. The <rt> element must always be contained within a <ruby> element. Ry <ruby> formatting The <ruby> element represents small annotations that are rendered above, below, or next to base text, usually used for showing the pronunciation of East Asian characters. It can also be used for annotating other kinds of text, but this usage is less common. S <s> formatting The <s> element renders text with a strikethrough, or a line through it. Use the <s> element to represent things that are no longer relevant or no longer accurate. However, <s> is not appropriate when indicating document edits; for that, use the <del> and <ins> elements, as appropriate. Sp <samp> formatting The Sample Element (<samp>) is used to enclose inline text which represents sample (or quoted) output from a computer program. Its contents are typically rendered using the browser's default monospaced font (such as Courier or Lucida Console). Sm <small> formatting The <small> element represents side-comments and small print, like copyright and legal text, independent of its styled presentation. By default, it renders text within it one font-size smaller, such as from small to x-small. Sg <strong> formatting The Strong Importance Element (<strong>) indicates that its contents have strong importance, seriousness, or urgency. Browsers typically render the contents in bold type. Sub <sub> formatting The Subscript element (<sub>) specifies inline text which should be displayed as subscript for solely typographical reasons. Subscripts are typically rendered with a lowered baseline using smaller text. Sup <sup> formatting The Superscript element (<sup>) specifies inline text which is to be displayed as superscript for solely typographical reasons. Superscripts are usually rendered with a raised baseline using smaller text. Tm <time> formatting The <time> element represents a specific period in time. It may include the datetime attribute to translate dates into machine-readable format, allowing for better search engine results or custom features such as reminders. U <u> formatting The Unarticulated Annotation element (<u>) represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation. This is rendered by default as a simple solid underline, but may be altered using CSS. Vr <var> formatting The Variable element (<var>) represents the name of a variable in a mathematical expression or a programming context. It's typically presented using an italicized version of the current typeface, although that behavior is browser-dependent. Wr <wbr> formatting The <wbr> element represents a word break opportunity—a position within text where the browser may optionally break a line, though its line-breaking rules would not otherwise create a break at that location. Fm <form> forms-and-input The <form> element represents a document section containing interactive controls for submitting information. It is possible to use the :valid and :invalid CSS pseudo-classes to style a <form> element based on whether or not the elements inside the form are valid. It <input> forms-and-input The <input> element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent. The <input> element is one of the most powerful and complex in all of HTML due to the sheer number of combinations of input types and attributes. Ta <textarea> forms-and-input The <textarea> element represents a multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text, for example a comment on a review or feedback form. Bn <button> forms-and-input The <button> element represents a clickable button, used to submit forms or anywhere in a document for accessible, standard button functionality. Easily change the button style with CSS. St <select> forms-and-input The <select> element represents a control that provides a menu of options: Op <optgroup> forms-and-input The <optgroup> element creates a grouping of options within a <select> element. On <option> forms-and-input The <option> element is used to define an item contained in a <select>, an <optgroup>, or a <datalist> element. As such, <option> can represent menu items in popups and other lists of items in an HTML document. Lbl <label> forms-and-input The <label> element represents a caption for an item in a user interface. To associate the <label> with an <input> element, you need to give the <input> an id attribute. The <label> then needs a for attribute whose value is the same as the input's id. Alternatively, you can nest the <input> directly inside the <label>, in which case the for and id attributes are not needed. Fs <fieldset> forms-and-input The <fieldset> element is used to group several controls as well as labels (<label>) within a web form. Ld <legend> forms-and-input The <legend> element represents a caption for the content of its parent <fieldset>. Ds <datalist> forms-and-input The <datalist> element contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls. Kn <keygen> forms-and-input The HTML <keygen> element exists to facilitate generation of key material, and submission of the public key as part of an HTML form. This mechanism is designed for use with Web-based certificate management systems. This element is deprecated although some browsers may still support it. Ot <output> forms-and-input The HTML Output element (<output>) is a container element into which a site or app can inject the results of a calculation or the outcome of a user action. If <iframe> frames The Inline Frame element (<iframe>) represents a nested browsing context, embedding another HTML page into the current one. Ig <img> images The <img> element embeds an image into the document. Mp <map> images The <map> element is used with <area> elements to define an image map (a clickable link area). Aa <area> images The <area> element defines an area inside an image map that has predefined clickable areas. An image map allows geometric areas on an image to be associated with hypertext link. This element is used only within a <map> element. Cs <canvas> images Use the <canvas> element with either the canvas scripting API or the WebGL API to draw graphics and animations. Fgc <figcaption> images The <figcaption> or Figure Caption element represents a caption or legend describing the rest of the contents of its parent <figure> element. Fg <figure> images The <figure> (Figure With Optional Caption) element represents self-contained content, potentially with an optional caption, which is specified using the <figcaption> element. The figure, its caption, and its contents are referenced as a single unit. Pr <picture> images The <picture> element contains zero or more <source> elements and one <img> element to offer alternative versions of an image for different display/device scenarios. Ao <audio> audio-and-video The <audio> element is used to embed sound content in documents. It may contain one or more audio sources, represented using the src attribute or the <source> element: the browser will choose the most suitable one. Sc <source> audio-and-video The <source> element specifies multiple media resources for the <picture>, <audio> , or <video> element. This element has no content and does not have a closing tag. It is commonly used to offer the same media content in multiple file formats in order to provide compatibility with a broad range of browsers given their differing support for image and media file formats. Tk <track> audio-and-video The <track> element is used as a child of the media elements, <audio> and <video>. It lets you specify timed text tracks (or time-based data), for example to automatically handle subtitles. The tracks are formatted in WebVTT format (.vtt files) — Web Video Text Tracks. Vd <video> audio-and-video The Video element (<video>) embeds a media player which supports video playback into the document. You can use <video> for audio content as well, but the <audio> element may provide a more appropriate user experience. A <a> links The <a> element (or anchor tag), with its href attribute, creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address. Content within each <a> should indicate the link's destination. If the href attribute is present, pressing the enter key while focused on the <a> element will activate it. Lk <link> links The External Resource Link element (<link>) specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things. Nv <nav> links The <nav> element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes. Ul <ul> lists The <ul> element represents an unordered list of items, typically rendered as a bulleted list. Ol <ol> lists The <ol> element represents an ordered list of items — typically rendered as a numbered list. Li <li> lists The <li> element is used to represent an item in a list. It must be contained in a parent element: an ordered list (<ol>), an unordered list (<ul>), or a menu (<menu>). Dl <dl> lists The <dl> element represents a description list. The element encloses a list of groups of terms (specified using the <dt> element) and descriptions (provided by <dd> elements). Common uses for this element are to implement a glossary or to display metadata (a list of key-value pairs). Dt <dt> lists The <dt> element specifies a term in a description or definition list, and as such must be used inside a <dl> element. It is usually followed by a <dd> element; however, multiple <dt> elements in a row indicate several terms that are all defined by the immediate next <dd> element. Dd <dd> lists The <dd> element provides the description, definition, or value for the preceding term (<dt>) in a description list (<dl>). Mu <menu> lists The <menu> element represents a group of commands that a user can perform or activate. This includes both list menus, which might appear across the top of a screen, as well as context menus, such as those that might appear underneath a button after it has been clicked. Mi <menuitem> lists The <menuitem> element represents a command that a user is able to invoke through a popup menu. This includes context menus, as well as menus that might be attached to a menu button. This element is deprecated although some browsers may still support it. Tl <table> tables The <table> element represents tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data. Cn <caption> tables The <caption> element specifies the caption (or title) of a table. Th <th> tables The <th> element defines a cell as header of a group of table cells. The exact nature of this group is defined by the scope and headers attributes. Tr <tr> tables The <tr> element defines a row of cells in a table. The row's cells can then be established using a mix of <td> (data cell) and <th> (header cell) elements. Td <td> tables The <td> element defines a cell of a table that contains data. It participates in the table model. Thd <thead> tables The <thead> element defines a set of rows defining the head of the columns of the table. Tbd <tbody> tables The Table Body element (<tbody>) encapsulates a set of table rows (<tr> elements), indicating that they comprise the body of the table (<table>). Tf <tfoot> tables The <tfoot> element defines a set of rows summarizing the columns of the table. Cl <col> tables The <col> element defines a column within a table and is used for defining common semantics on all common cells. It is generally found within a <colgroup> element. Cg <colgroup> tables The <colgroup> element defines a group of columns within a table. Sl <style> styles-and-semantics The <style> element contains style information for a document, or part of a document. It contains CSS, which is applied to the contents of the document containing the <style> element. Dv <div> styles-and-semantics The Content Division element (<div>) is the generic container for flow content. It has no effect on the content or layout until styled in some way using CSS. Spn <span> styles-and-semantics The <span> element is a generic inline container for phrasing content, which does not inherently represent anything. It can be used to group elements for styling purposes (using the class or id attributes), or because they share attribute values, such as lang. It should be used only when no other semantic element is appropriate. Hdr <header> styles-and-semantics The <header> element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements. Ft <footer> styles-and-semantics The <footer> element represents a footer for its nearest sectioning content or sectioning root element. A <footer> typically contains information about the author of the section, copyright data or links to related documents. Mn <main> styles-and-semantics The <main> element represents the dominant content of the <body> of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application. Sn <section> styles-and-semantics The <section> element represents a generic standalone section of a document, which doesn't have a more specific semantic element to represent it. Sections should always have a heading, with very few exceptions. Ae <article> styles-and-semantics The <article> element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). Examples include: a forum post, a magazine or newspaper article, blog entry, etc. Ad <aside> styles-and-semantics The <aside> element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes. Ds <details> styles-and-semantics The Details Element (<details>) creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label must be provided using the <summary> element. The user can 'view' or 'hide' the information. Dg <dialog> styles-and-semantics The <dialog> element represents a dialog box or other interactive component, such as a dismissible alert, inspector, or subwindow. Sr <summary> styles-and-semantics The Disclosure Summary element (<summary>) element specifies a summary, caption, or legend for a <details> element's disclosure box. Clicking the <summary> element toggles the state of the parent <details> element open and closed. Da <data> styles-and-semantics The <data> element links a given piece of content with a machine-readable translation. If the content is time- or date-related, the <time> element must be used. Hd <head> meta-info The <head> element contains machine-readable information (metadata) about the document, like its title, scripts, and style sheets. Mt <meta> meta-info The <meta> element represents metadata that cannot be represented by other HTML meta-related elements, like <base>, <link>, <script>, <style> or <title>. Be <base> meta-info The <base> element specifies the base URL to use for all relative URLs in a document. There can be only one <base> element in a document. Spt <script> programming The <script> element is used to embed executable code or data; this is typically used to embed or refer to JavaScript code. The <script> element can also be used with other languages, such as WebGL's GLSL shader programming language and JSON. Nst <noscript> programming The <noscript> element defines a section of HTML to be inserted if a script type on the page is unsupported or if scripting is currently turned off in the browser. Ed <embed> programming The <embed> element embeds external content at the specified point in the document. This content is provided by an external application or other source of interactive content such as a browser plug-in. Ot <object> programming The <object> element represents an external resource, which can be treated as an image, a nested browsing context, or a resource to be handled by a plugin. Pm <param> programming The <param> element defines parameters for an <object> element.