HTML <details> Tag
The <details> tag is used to create a collapsible content block that the user can open or close.It is often used for FAQs, additional information, or disclosure sections. The <summary> tag is typically used inside <details> to define the visible heading that toggles the content. Syntax Attributes Attribute Description open Boolean attribute. If present, the […]
HTML <main> Tag
The <main> tag represents the dominant content of the <body> of a webpage.It should contain content unique to the page, excluding repeated elements like headers, footers, sidebars, or navigation links. <main> helps assistive technologies and search engines quickly identify the primary content of the page. Syntax Attributes Attribute Description id Assigns a unique identifier. class […]
HTML <aside> Tag
The <aside> tag defines content that is related to the main content but separate from it, like sidebars, pull quotes, or additional information.It is often used for tangentially related content such as advertisements, links, or notes. <aside> helps distinguish supplementary content from the main content, improving semantic structure. Syntax Attributes Attribute Description id Assigns a […]
HTML <section> Tag
The <section> tag defines a thematic grouping of content on a webpage.It is used to organize content into sections with a common heading or purpose, such as chapters, tabs, or topic areas. <section> is often used along with headings (<h1>–<h6>) to define logical blocks of content. Syntax Attributes Attribute Description id Assigns a unique identifier. […]
HTML <article> Tag
The <article> tag represents self-contained content that can be independently distributed or reused, such as a blog post, news article, or forum post.It typically contains headings, paragraphs, images, and other related content.<article> is ideal for content that makes sense on its own, even outside the context of the page. Syntax Attributes Attribute Description id Assigns […]
HTML <footer> Tag
The <footer> tag represents a footer section for its nearest sectioning content (like <body>, <article>, <section>).It typically contains copyright info, author details, navigation links, or contact information. Syntax Attributes Attribute Description id Assigns a unique identifier. class Specifies one or more class names. style Inline CSS styling. title Additional information about the element. Example Output […]
HTML <header> Tag
The <header> tag represents a container for introductory content or navigational links.It usually contains headings, logos, and main navigation links, but it can appear multiple times on a page (e.g., for sections or articles). Syntax Attributes Attribute Description id Assigns a unique identifier. class Specifies one or more class names. style Inline CSS styles. title […]
HTML <progress> Tag
The <progress> tag is used to display the progress of a task such as file uploads, downloads, or other operations.Unlike <meter>, <progress> represents completion of a task rather than a general measurement. The value attribute shows the current progress, and max defines the total amount. Syntax Attributes Attribute Description value Current progress value. max Maximum […]
HTML <meter> Tag
The <meter> tag is used to represent a scalar measurement within a known range, such as disk usage, battery level, or progress percentage.It is different from <progress>, as it can show a measurement that is not necessarily complete, but has a min and max value. <meter> is useful for visualizing numerical data in forms or […]
HTML <output> Tag
The <output> tag is used to display the result of a calculation or user action in a form.It is commonly used with JavaScript to show dynamic results like sums, percentages, or other computed values. The <output> element is often linked to one or more input elements using the for attribute. Syntax Attributes Attribute Description for […]