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.
