HTML Tags List and Their Usage

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.

Next Post Previous Post
No Comment
Add Comment
comment url