Essential HTML Tags

1. Basic Structure Tags:

  • <!DOCTYPE html>: Declares the document type and version of HTML.
  • <html>: Root element that contains all the content on the page.
  • <head>: Contains meta-information like the title, character set, and links to external files.
  • <title>: Sets the title of the page (displayed on the browser tab).
  • <body>: Contains the visible content of the webpage.

2. Text Formatting Tags:

  • <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: Headings (from largest <h1> to smallest <h6>).
  • <p>: Paragraph.
  • <br>: Line break.
  • <b>: Bold text.
  • <i>: Italic text.
  • <u>: Underlined text.
  • <strong>: Defines important text (bold by default).
  • <em>: Defines emphasized text (italic by default).

3. Link and Image Tags:

  • <a>: Defines a hyperlink. (href attribute for the link destination).
  • <img>: Embeds an image. (src attribute for image location, alt attribute for text description).

4. List Tags:

  • <ul>: Unordered list (bullets).
  • <ol>: Ordered list (numbers).
  • <li>: List item (used inside <ul> or <ol>).

5. Table Tags:

  • <table>: Defines a table.
  • <tr>: Defines a table row.
  • <td>: Defines a table cell (data).
  • <th>: Defines a table header.

6. Form Tags:

  • <form>: Defines an HTML form.
  • <input>: Defines an input field (can specify types like text, password, submit).
  • <textarea>: Defines a multiline text input.
  • <button>: Defines a clickable button.
  • <label>: Defines a label for an input element.

7. Semantic Tags:

  • <header>: Defines a header for the page or section.
  • <footer>: Defines a footer for the page or section.
  • <article>: Defines content that is self-contained (e.g., a blog post).
  • <section>: Defines a section of content.
  • <nav>: Defines navigation links.
  • <aside>: Defines content aside from the main content (e.g., sidebar).

8. Meta and Style Tags:

  • <meta>: Defines metadata about the HTML document (e.g., charset, viewport).
  • <link>: Specifies external resources, like stylesheets.
  • <style>: Embeds CSS styles directly in the document.

Comments

Popular posts from this blog

Class 6

Class 9 Part B Term 2

class 6 Term2