HTML tags are used to define the structural elements of an HTML document. They mark the beginning and end of each element, telling the browser how that element should be displayed.
| <abbr> | The abbr tag represents an abbreviation or acronym. When combined with the title attribute, it helps clarify the full meaning of the abbreviated term. |
|---|---|
| <address> | The address tag represents contact information for the nearest ancestor <article> or <body> tag. If the ancestor is the <body>, the contact information applies to the whole document. |
| <article> | The article tag represents a complete or independently distinguishable composition, such as forum posts, news articles, blog entries, product cards, or user-submitted content. |
| <aside> | The aside tag represents a separate section of content that is indirectly related to the main content of a page. It is typically used for sidebars or additional information related to the document. |
| <blockquote> | The blockquote tag represents a section that is quoted from another source. It is used to indicate a standalone block of quoted content, which most browsers typically display with indentation. |
| <br> | The br tag represents a line break in text. t is used for line breaks that are an intrinsic part of the content, such as in poems, addresses, or descriptions where rhythm and readability are intentionally structured. |
| <cite> | The cite tag represents the title of a creative work—like a book, musical, court case, exhibition, or software—and is typically used when referencing such works. |
| <del> | The del tag represents a range of text that has been deleted from a document. It is commonly used to indicate removed content, highlight changes, or show differences between revisions. |
| <details> | The details tag defines content that users can choose to open or close. It is commonly used to provide additional or detailed information. This article also covers the open attribute used with the details tag. |
| <dfn> | The dfn tag represents the term being defined within the content. It is used to clearly indicate that the term is being defined, and must appear only in sentences where both the term and its definition are present. |
| <div> | The div tag is a container used to create layouts or divide content. It does not carry any semantic meaning by itself. Instead, it is mainly used as a container to group content so that styles, attributes, or scripts can be applied. |
| <dl> | The dl tag represents a description list. This tag is an associated list of groups consisting of a name (specified using the dt tag) and a description of the name (provided using the dd tag). |
| <dt> | The dt tag represents the name in a group consisting of a name and a description of the name within a description list (represented using the 'dl' tag), and 'dt' is used as an abbreviation for 'Description Term'. |
| <dd> | The dd tag represents the description, definition, or value of the dt tag, and 'dd' is used as an abbreviation for 'Description Details.' This tag must be used as content of the dl tag. |
| <em> | The em tag is used to apply stress emphasis to text that carries greater contextual importance than the surrounding content. |
| <figure> | The figure tag represents self-contained content related to the main flow of the document, such as images, diagrams, or code blocks. You can optionally add a caption with the figcaption tag. |
| <figcaption> | The figcaption tag represents a caption or legend that references the content of its parent figure tag. It is optional, but when used, it must be placed as either the first or last child of the figure tag. |
| <footer> | Learn about the proper usage of the footer tag. It is typically used for the global footer at the bottom of a webpage or to include information such as the author, copyright, or related links for a section. |
| <h1>~<h6> | The h1, h2, h3, h4, h5, and h6 tags represent headings and define six levels of heading hierarchy, from level 1 to level 6, within a webpage's structure. |
| <header> | The header tag is typically used to represent the global header at the top of a webpage, or the introductory content of a section or article. |
| <hr> | The hr tag represents a thematic break between paragraph-level elements (e.g., a scene change or a transition to a different topic within a section of a reference book). |
| <ins> | The ins tag represents a range of text that has been added to a document or content that has been inserted. By default, most browsers display this inserted text with an underline. |
| <kbd> | The kbd tag represents user text input entered via input devices (not only keyboards, but also voice commands, mouse clicks, and other input methods). |
| <label> | The label tag represents a text label (or caption) for user interface control elements. It can be used with associated control elements to improve readability and enhance web accessibility. |
| <li> | The li tag represents an item in a list. The term 'li' is an abbreviation for 'list item'. When its parent element is an ol, ul, or menu, the li tag represents an item in the list as defined by that parent element. |
| <main> | The main tag represents the main content area of a document. This tag semantically indicates an area containing dominant content, such as the core topic of a document or the main function of an application. |
| <mark> | The mark tag represents a portion of text within a document that is marked for reference or interest due to its contextual relevance.
|
| <menu> | The menu tag represents an unordered list of command items, such as a toolbar menu, that the user can activate. |
| <nav> | The nav tag represents a section that contains links for navigation, either to other web pages or to specific parts within the current page. Common examples include menus, tables of contents, and indexes. |
| <ol> | The ol tag represents a list of items where the order is specified. The term 'ol' is an abbreviation for 'Ordered List,' meaning that changing the order of the items materially affects their meaning. |
| <p> | The p tag represents a paragraph. It is mainly used to group text content into paragraphs, and it can also contain elements that are considered part of the paragraph, such as images or form input elements. |
| <q> | The q tag represents some short phrase quoted from another source. It is used for short inline quotations, and most browsers display the text with quotation marks before and after to indicate that it is a quotation. |
| <picture>, <source> | The HTML picture and source tags help deliver optimized images for different screen sizes and devices, making them useful for responsive design and image optimization. |
| <section> | The section tag represents a generic section of a document or application. This section refers to a group of content organized by a specific topic, and while a heading is not required, it is commonly used. |
| <span> | The span tag is an inline container with no inherent semantic meaning, used to wrap text or other inline content for applying styles, attributes, or scripts. |
| <strong> | The strong tag represents strong importance, seriousness, or urgency for its contents. |
| <summary> | The summary tag defines a heading or summary for the interactive widget created by the details tag. It is used to specify the content that is shown when the details are collapsed or expanded. |
| <sub> | The sub tag represents subscript inline text. Subscript is rendered as smaller text that is positioned below the baseline. |
| <sup> | The sup tag represents superscript inline text. Superscript is rendered as smaller text that is positioned above the baseline. |
| <template> | The template tag is used to define reusable pieces of HTML that can be cloned and inserted into the document later using JavaScript. |
| <time> | The time tag represents a date or time in a standardized, machine-readable format. By using this tag to mark up date- or time-related content, you help screen readers, search engines, and other tools better understand and process the information. |
| <ul> | The ul tag represents a list of items where the order is not specified. The term 'ul' is an abbreviation for 'Unordered List,' meaning that changing the order of the items does not materially affect their meaning. |