HTML Tags

Basic HTML5 Tags

  • <!DOCTYPE html>: Defines the document type and version of HTML.

  • <html>: Represents the root of an HTML document.

  • <head>: Contains meta-information about the document, like its title and link to CSS files.

  • <meta>: Specifies metadata about the HTML document.

  • <title>: Defines the title of the document, shown in a browser's title bar or page's tab.

  • <body>: Contains the content of an HTML document, such as text, images, and other elements.

Text Formatting Tags

  • <h1> to <h6>: Define HTML headings, <h1> is the highest (most important) level and <h6> is the least.

  • <p>: Defines a paragraph.

  • <br>: Inserts a single line break.

  • <hr>: Defines a thematic break in an HTML page (e.g., a shift of topic).

  • <strong>: Indicates that its contents have strong importance, seriousness, or urgency. Browsers typically render the contents in bold type.

  • <em>: Emphasizes text, which browsers typically render as italic.

  • <a>: Defines a hyperlink, which is used to link from one page to another.

  • <img>: Embeds an image into the document.

List Tags

  • <ul>: Defines an unordered list.

  • <ol>: Defines an ordered list.

  • <li>: Defines a list item.

Table Elements

  • <table>: Defines a table.

  • <th>: Defines a header cell in a table.

  • <tr>: Defines a row in a table.

  • <td>: Defines a cell in a table.

Forms and Input

  • <form>: Defines a form for user input.

  • <input>: Defines an input control.

  • <textarea>: Defines a multi-line text input control.

  • <button>: Defines a clickable button.

Semantic Elements

  • <article>: Specifies independent, self-contained content.

  • <section>: Defines a section in a document.

  • <header>: Represents a container for introductory content or a set of navigational links.

  • <footer>: Defines a footer for a document or section.

  • <nav>: Defines navigation links.

Multimedia and Embedding

  • <video>: Embeds video content.

  • <audio>: Embeds audio content.

  • <canvas>: Used to draw graphics, on the fly, via scripting (usually JavaScript).

Advanced HTML5 Tags

  • <svg>: Defines a container for SVG graphics.

  • <iframe>: Represents a nested browsing context, embedding another HTML page into the current one.

Last updated

Was this helpful?