HTML Tags List and Their Usage
👉 All HTML Tags List:👇
👉 Tag Name and Description:
<!-- .... -->
— Used for writing comments in HTML.<!DOCTYPE>
— Defines the document type and informs the browser about the type of document.<html>...</html>
— Defines an HTML document.<head>...</head>
— Defines the head section of an HTML document.<title>...</title>
— Specifies the title of the document, which appears in the browser's title bar.<body>...</body>
— Defines the body section of an HTML document where visible content is displayed on the web page.<b>...</b>
— Used to make text bold.<em>...</em>
— Emphasizes text, typically displayed in italics.<i>...</i>
— Makes text italic.<small>...</small>
— Used to decrease the size of text.<big>...</big>
— Used to increase the size of text.<blink>...</blink>
— Makes text blink (Note: Not supported in modern browsers).<blockquote>...</blockquote>
— Used to define a block of text that is a quotation.<strike>...</strike>
— Adds a strikethrough to text.<del>...</del>
— Represents deleted text, often shown with a strikethrough.<strong>...</strong>
— Used to bold text, indicating importance.<a>...</a>
— An anchor tag used for creating links.<img>...</img>
— Used to embed images in a web page.<abbr>...</abbr>
— Used to define abbreviations or acronyms.<samp>...</samp>
— Used to display sample output, often in code form.<code>...</code>
— Defines a piece of computer code, typically displayed in a fixed-width font.<form>...</form>
— Used to create HTML forms for user input.<h1>...</h1> to <h6>...</h6>
— Header tags, where<h1>
is the largest and most important, and<h6>
is the smallest.<table>...</table>
— Used to create tables.<div>...</div>
— Defines a division or section in an HTML document, often used for layout purposes.<row>...</row>
— Defines a row in a table (Note: The<row>
tag is not valid in HTML5;<tr>
is used instead).<col>...</col>
— Defines a column in a table (Note: The<col>
tag defines column properties, but<colgroup>
is often used in modern HTML for grouping columns).<tr>...</tr>
— Defines a table row.<td>...</td>
— Defines a table data cell.<th>...</th>
— Defines a table header cell.<hr/>
— Creates a horizontal rule (line) across the page.<input>...</input>
— Used to create various types of input fields in forms.<list>...</list>
— Used to define a list (Note: Use<ul>
,<ol>
, or<dl>
tags for lists instead).<ol>...</ol>
— Defines an ordered (numbered) list.<ul>...</ul>
— Defines an unordered (bulleted) list.<u>...</u>
— Underlines text.<sub>...</sub>
— Renders text as subscript (text below the normal line).<sup>...</sup>
— Renders text as superscript (text above the normal line).<iframe>...</iframe>
— Used to embed another webpage within the current webpage.<p>...</p>
— Defines a paragraph of text.<style>...</style>
— Used to define styles for a webpage using CSS.<font>...</font>
— Used to define the font size and color (Note: Deprecated in HTML5; use CSS instead).<br/>
— Inserts a line break in the text.<marquee>...</marquee>
— Used to create scrolling text (Note: Deprecated in HTML5).<pre>...</pre>
— Defines preformatted text, maintaining spaces and line breaks.
👉 Note: Don’t be discouraged if you don’t understand everything right away. You will gradually get the hang of these tags as you continue to explore HTML. For now, just take a look at these tags and understand what each one does. Insha'Allah, as you practice, the concepts will become clearer.