167
100 Essential HTML Tags to Know
HTML stands for HyperText Markup Language and it is the foundation of any website. HTML defines the structure and content of a web page using tags, which are enclosed in angle brackets. Tags can have attributes that provide additional information or functionality. Some tags are self-closing, meaning they do not need a closing tag, while others require a matching closing tag. In this blog post, we will review 100 essential HTML tags that you should know as a web developer or designer.
<!DOCTYPE html>: Declares the document type and version of HTML.<html>: Defines the root element of an HTML document.<head>: Contains meta-information about the HTML document.<title>: Sets the title of the HTML document.<meta>: Provides metadata about the HTML document.<link>: Defines relationships between the current document and external resources.<style>: Contains CSS (Cascading Style Sheets) for styling the HTML document.<script>: Embeds scripts, typically JavaScript, in the HTML document.<body>: Contains the content of the HTML document visible to users.<h1>to<h6>: Defines headings of different levels (from highest to lowest importance).<p>: Defines a paragraph.<br>: Inserts a line break.<hr>: Defines a thematic break or horizontal line.<a>: Defines a hyperlink.<img>: Embeds an image.<video>: Embeds a video.<audio>: Embeds audio content.<iframe>: Embeds another HTML page.<form>: Defines an HTML form for user input.<input>: Defines an input control.<textarea>: Defines a multiline input control.<button>: Defines a clickable button.<label>: Defines a label for an<input>element.<select>: Defines a dropdown list.<option>: Defines an option in a<select>element.<optgroup>: Groups related options in a<select>element.<fieldset>: Groups related elements in a form.<legend>: Defines a caption for a<fieldset>element.<div>: Defines a division or section in an HTML document.<span>: Defines a section in a document for styling purposes.<ul>: Defines an unordered list.<ol>: Defines an ordered list.<li>: Defines a list item.<dl>: Defines a description list.<dt>: Defines a term in a description list.<dd>: Defines a description of a term in a description list.<table>: Defines a table.<caption>: Defines a caption for a<table>element.<tr>: Defines a row in a table.<th>: Defines a header cell in a table.<td>: Defines a data cell in a table.<thead>: Groups header content in a table.<tbody>: Groups body content in a table.<tfoot>: Groups footer content in a table.<col>: Specifies column properties for each column within a<colgroup>element.<colgroup>: Specifies a group of one or more columns in a table.<abbr>: Defines an abbreviation or acronym.<address>: Defines contact information for the author or owner of a document.<b>: Defines bold text.<strong>: Defines strong importance, typically rendered as bold.<i>: Defines italic text.<em>: Defines emphasized text.<u>: Defines underlined text.<s>: Defines strikethrough text.<sup>: Defines superscripted text.<sub>: Defines subscripted text.<blockquote>: Defines a block quotation.<q>: Defines a short inline quotation.<cite>: Defines the title of a work.<code>: Defines a fragment of computer code.<pre>: Defines preformatted text.<kbd>: Defines keyboard input.<samp>: Defines sample output from a computer program.<var>: Defines a variable.<time>: Defines a specific period in time or a date/time.<mark>: Defines marked or highlighted text.<ruby>: Defines a ruby annotation for East Asian typography.<rt>: Defines the pronunciation of characters presented in a ruby annotation.<rp>: Defines what to show in browsers that do not support ruby annotations.<bdo>: Overrides the text directionality.<wbr>: Defines a possible line-break opportunity.<meta charset="UTF-8">: Specifies the character encoding for the HTML document.<meta name="viewport" content="width=device-width, initial-scale=1.0">: Configures the viewport for responsive web design.<meta http-equiv="refresh" content="5;url=http://example.com/">: Redirects to another page after a specified time.<noscript>: Defines alternative content for users with disabled or unsupported scripts.<style scoped>: Specifies that the styles only apply to the current document.<template>: Defines a template that can be cloned to create copies.<slot>: Defines a placeholder inside a template for inserting content.<shadow>: Defines a shadow DOM subtree.<details>: Defines additional details that the user can view or hide.<summary>: Defines a visible heading for the<details>element.<dialog>: Defines a dialog box or window.<menu>: Defines a list/menu of commands.<menuitem>: Defines a command/menu item in a<menu>.<meter>: Defines a scalar measurement within a known range.<progress>: Represents the progress of a task.<output>: Defines the result of a calculation.<area>: Defines a clickable area within an image map.<map>: Defines a client-side image map.<figcaption>: Defines a caption for a<figure>element.<figure>: Represents self-contained content, such as images or diagrams.<embed>: Embeds external content, such as multimedia or plugins.<object>: Embeds external content, such as multimedia or plugins, with fallback content.<param>: Defines parameters for an<object>element.<source>: Defines multiple media resources for<video>,<audio>, or<picture>elements.<track>: Defines text tracks for<video>or<audio>elements.<base>: Specifies a base URL for relative URLs in a document.<noscript>: Provides alternative content when JavaScript is not supported or disabled.<svg>: Defines a container for SVG graphics.<math>: Defines a container for MathML markup.
This list covers a wide range of HTML tags, from basic structural elements to more specialized ones for multimedia, forms, metadata, and more.
