HTML Tags List and Their Usage – Tech WiBi

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.

Leave a Comment