HTML Tags Reference Sheet

HTML Tags Reference Sheet


Basic Structure Tags


  • <!DOCTYPE html> — Declares the document type (HTML5)
  • <html> — Root element of an HTML document
  • <head> — Metadata and links (not visible)
  • <title> — Title of the document (shown in tab)
  • <body> — Main visible content of the webpage

(SAMPLE)



Text and Formatting Tags


  • <h1> to <h6> — Headings (h1 is largest)
  • <p> — Paragraph
  • <br> — Line break (no closing tag)
  • <hr> — Horizontal line
  • <strong> — Bold text
  • <em> — Italic text
  • <b> — Bold (non-semantic)
  • <i> — Italic (non-semantic)
  • <u> — Underlined text
  • <span> — Inline container
  • <div> — Block-level container

(SAMPLE)



Links and Media Tags


  • <a> — Anchor/link tag
  • <img> — Image tag
  • <video> — Embed video
  • <audio> — Embed audio
  • <source> — Defines media sources

(SAMPLE)



List Tags


  • <ul> — Unordered (bulleted) list
  • <ol> — Ordered (numbered) list
  • <li> — List item
  • <dl> — Description list
  • <dt> — Term in description list
  • <dd> — Description of the term

(SAMPLE)



Table Tags


  • <table> — Table container
  • <tr> — Table row
  • <th> — Table header cell
  • <td> — Table data cell
  • <thead> — Table header section
  • <tbody> — Table body section
  • <tfoot> — Table footer section
  • <caption> — Table caption

(SAMPLE)



Form Tags


  • <form> — Form container
  • <input> — Input field
  • <label> — Label for input
  • <textarea> — Multi-line text box
  • <button> — Button
  • <select> — Dropdown menu
  • <option> — Option in dropdown
  • <fieldset> — Group form elements
  • <legend> — Caption for <fieldset>

(SAMPLE)



Meta and Link Tags


  • <meta> — Metadata like charset, viewport
  • <link> — Link external resources like CSS
  • <style> — Internal CSS
  • <script> — JavaScript

(SAMPLE)