Reference Encyclopedia
HTML Tags & Attributes Reference
An authoritative index of standard HTML tags, their repeatable attributes, syntax definitions, and runnable sandbox examples.
All HTML Tags (123)
Click any tag to inspect its attributes table and code examples.
| Tag | Description | Attributes | Action |
|---|---|---|---|
| <a> | The <a> tag defines a hyperlink, which is used to link from one page to another. | 9 | Details |
| <abbr> | The <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM". | 0 | Details |
| <acronym> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <address> | The <address> tag defines the contact information for the author/owner of a document or an article. | 0 | Details |
| <applet> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <area> | The <area> tag defines an area inside an image map (an image map is an image with clickable areas). | 11 | Details |
| <article> | The <article> tag specifies independent, self-contained content. | 0 | Details |
| <aside> | The <aside> tag defines some content aside from the content it is placed in. | 0 | Details |
| <audio> | The <audio> tag is used to embed sound content in a document, such as music or other audio streams. | 6 | Details |
| <b> | The <b> tag specifies bold text without any extra importance. | 0 | Details |
| <base> | The <base> tag specifies the base URL and/or target for all relative URLs in a document. | 2 | Details |
| <basefont> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <bdi> | BDI stands for Bi-Directional Isolation. | 0 | Details |
| <bdo> | BDO stands for Bi-Directional Override. | 1 | Details |
| <big> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <blockquote> | The <blockquote> tag specifies a section that is quoted from another source. | 1 | Details |
| <body> | The <body> tag defines the document's body. | 0 | Details |
| <br> | The <br> tag inserts a single line break. | 0 | Details |
| <button> | The <button> tag defines a clickable button. | 14 | Details |
| <canvas> | The <canvas> tag is used to draw graphics, on the fly, via scripting (usually JavaScript). | 2 | Details |
| <caption> | The <caption> tag defines a table caption. | 0 | Details |
| <center> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <cite> | The <cite> tag defines the title of a creative work (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc.). | 0 | Details |
| <code> | The <code> tag is used to define a piece of computer code. The content inside is displayed in the browser's default monospace font. | 0 | Details |
| <col> | The <col> tag specifies column properties for each column within a <colgroup> element. | 1 | Details |
| <colgroup> | The <colgroup> tag specifies a group of one or more columns in a table for formatting. | 1 | Details |
| <!--...--> | The comment tag is used to insert comments in the source code. Comments are not displayed in the browsers. | 0 | Details |
| <data> | The <data> tag is used to add a machine-readable translation of a given content. | 0 | Details |
| <datalist> | The <datalist> tag specifies a list of pre-defined options for an <input> element. | 0 | Details |
| <dd> | The <dd> tag is used to describe a term/name in a description list. | 0 | Details |
| <del> | The <del> tag defines text that has been deleted from a document. Browsers will usually strike a line through deleted text. | 2 | Details |
| <details> | The <details> tag specifies additional details that the user can open and close on demand. | 2 | Details |
| <dfn> | The <dfn> tag stands for the "definition element", and it specifies a term that is going to be defined within the content. | 0 | Details |
| <dialog> | The <dialog> tag defines a dialog box or subwindow. | 1 | Details |
| <dir> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <div> | The <div> tag defines a division or a section in an HTML document. | 0 | Details |
| <dl> | The <dl> tag defines a description list. | 0 | Details |
| <!DOCTYPE> | All HTML documents must start with a <!DOCTYPE> declaration. | 0 | Details |
| <dt> | The <dt> tag defines a term/name in a description list. | 0 | Details |
| <em> | The <em> tag is used to define emphasized text. The content inside is typically displayed in italic. | 0 | Details |
| <embed> | The <embed> tag defines a container for an external resource, such as a web page, a picture, a media player, or a plug-in application. | 4 | Details |
| <fieldset> | The <fieldset> tag is used to group related elements in a form. | 3 | Details |
| <figcaption> | The <figcaption> tag defines a caption for a <figure> element. | 0 | Details |
| <figure> | The <figure> tag specifies self-contained content, like illustrations, diagrams, photos, code listings, etc. | 0 | Details |
| <font> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <footer> | The <footer> tag defines a footer for a document or section. | 0 | Details |
| <form> | The <form> tag is used to create an HTML form for user input. | 9 | Details |
| <frame> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <frameset> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <h1> to <h6> | The <h1> to <h6> tags are used to define HTML headings. | 0 | Details |
| <head> | The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. | 0 | Details |
| <header> | The <header> element represents a container for introductory content or a set of navigational links. | 0 | Details |
| <hgroup> | The <hgroup> tag is used to surround a heading and one or more <p> elements. | 0 | Details |
| <h1> to <h6> | The <h1> to <h6> tags are used to define HTML headings. | 0 | Details |
| <hr> | The <hr> tag defines a thematic break in an HTML page (e.g. a shift of topic). | 0 | Details |
| <html> | The <html> tag represents the root of an HTML document. | 1 | Details |
| <i> | The <i> tag defines a part of text in an alternate voice or mood. The content inside is typically displayed in italic. | 0 | Details |
| <iframe> | The <iframe> tag specifies an inline frame. | 10 | Details |
| <img> | The <img> tag is used to embed an image in an HTML page. | 12 | Details |
| <input> | The <input> tag specifies an input field where the user can enter data. | 32 | Details |
| <ins> | The <ins> tag defines a text that has been inserted into a document. Browsers will usually underline inserted text. | 2 | Details |
| <kbd> | The <kbd> tag is used to define keyboard input. The content inside is displayed in the browser's default monospace font. | 0 | Details |
| <label> | The <label> tag defines a label for several elements: | 2 | Details |
| <legend> | The <legend> tag defines a caption for the <fieldset> element. | 0 | Details |
| <li> | The <li> tag defines a list item. | 0 | Details |
| <link> | The <link> tag defines the relationship between the current document and an external resource. | 9 | Details |
| <main> | The <main> tag specifies the main content of a document. | 0 | Details |
| <map> | The <map> tag is used to define an image map. An image map is an image with clickable areas. | 1 | Details |
| <mark> | The <mark> tag defines text that should be marked or highlighted. | 0 | Details |
| <menu> | The <menu> tag defines an unordered list of content. | 0 | Details |
| <meta> | The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data. | 4 | Details |
| <meter> | The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge. | 6 | Details |
| <nav> | The <nav> tag defines a set of navigation links. | 0 | Details |
| <noframes> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <noscript> | The <noscript> tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn't support script. | 0 | Details |
| <object> | The <object> tag defines a container for an external resource. | 8 | Details |
| <ol> | The <ol> tag defines an ordered list. An ordered list can be numerical or alphabetical. | 3 | Details |
| <optgroup> | The <optgroup> tag is used to group related options in a <select> element (drop-down list). | 2 | Details |
| <option> | The <option> tag defines an option in a select list. | 3 | Details |
| <output> | The <output> tag is used to represent the result of a calculation (like one performed by a script). | 3 | Details |
| <p> | The <p> tag defines a paragraph. | 0 | Details |
| <param> | The <param> tag is used to define parameters for an <object> element. | 1 | Details |
| <picture> | The <picture> tag gives web developers more flexibility in specifying image resources. | 0 | Details |
| <pre> | The <pre> tag defines preformatted text. | 0 | Details |
| <progress> | The <progress> tag represents the completion progress of a task. | 1 | Details |
| <q> | The <q> tag defines a short quotation. | 1 | Details |
| <rp> | The <rp> tag can be used to provide parentheses around a ruby text, to be shown by browsers that do not support ruby annotations. | 0 | Details |
| <rt> | The <rt> tag defines an explanation or pronunciation of characters (for East Asian typography) in a ruby annotation. | 0 | Details |
| <ruby> | The <ruby> tag specifies a ruby annotation. | 0 | Details |
| <s> | The <s> tag specifies text that is no longer correct, accurate or relevant. The text will be displayed with a line through it. | 0 | Details |
| <samp> | The <samp> tag is used to define sample output from a computer program. The content inside is displayed in the browser's default monospace font. | 0 | Details |
| <script> | The <script> tag is used to embed a client-side script (JavaScript). | 8 | Details |
| <search> | The <search> tag is used to specify that here comes a set of elements that is related to search. | 0 | Details |
| <section> | The <section> tag defines a section in a document. | 0 | Details |
| <select> | The <select> element is used to create a drop-down list. | 7 | Details |
| <small> | The <small> tag defines smaller text (like copyright and other side-comments). | 0 | Details |
| <source> | The <source> tag is used to specify multiple media resources for media elements, such as <video>, <audio>, and <picture>. | 5 | Details |
| <span> | The <span> tag is an inline container used to mark up a part of a text, or a part of a document. | 0 | Details |
| <strike> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <strong> | The <strong> tag is used to define text with strong importance. The content inside is typically displayed in bold. | 0 | Details |
| <style> | The <style> tag is used to define style information (CSS) for a document. | 2 | Details |
| <sub> | The <sub> tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O. | 0 | Details |
| <summary> | The <summary> tag defines a visible heading for the <details> element. The heading can be clicked to view/hide the details. | 0 | Details |
| <sup> | The <sup> tag defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW[1]. | 0 | Details |
| <svg> | The <svg> tag defines a container for SVG graphics. | 0 | Details |
| <table> | The <table> tag defines an HTML table. | 0 | Details |
| <tbody> | The <tbody> tag is used to group the body content in an HTML table. | 0 | Details |
| <td> | The <td> tag defines a standard data cell in an HTML table. | 3 | Details |
| <template> | The <template> tag is used as a container to hold some HTML content hidden from the user when the page loads. | 0 | Details |
| <textarea> | The <textarea> tag defines a multi-line text input control. | 12 | Details |
| <tfoot> | The <tfoot> tag is used to group footer content in an HTML table. | 0 | Details |
| <th> | The <th> tag defines a header cell in an HTML table. | 5 | Details |
| <thead> | The <thead> tag is used to group header content in an HTML table. | 0 | Details |
| <time> | The <time> tag defines a specific time (or datetime). | 1 | Details |
| <title> | The <title> tag defines the title of the document. The title must be text-only, and it is shown in the browser's title bar or in the page's tab. | 0 | Details |
| <tr> | The <tr> tag defines a row in an HTML table. | 0 | Details |
| <track> | The <track> tag specifies text tracks for <audio> or <video> elements. | 5 | Details |
| <tt> | Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more. | 0 | Details |
| <u> | The <u> tag represents some text that is unarticulated and styled differently from normal text, such as misspelled words or proper names in Chinese text. The content inside is typically displayed with an underline. You can change this with CSS (see example below). | 0 | Details |
| <ul> | The <ul> tag defines an unordered (bulleted) list. | 0 | Details |
| <var> | The <var> tag is used to define a variable in programming or in a mathematical expression. The content inside is typically displayed in italic. | 0 | Details |
| <video> | The <video> tag is used to embed video content in a document, such as a movie clip or other video streams. | 9 | Details |
| <wbr> | The <wbr> (Word Break Opportunity) tag specifies where in a text it would be ok to add a line-break. | 0 | Details |