HTML Tags Cheatsheet

A quick-reference guide for HTML5 elements, including document scaffolding, semantic layout structure, text formatting, list arrays, interactive forms, media embeds, tables, and global attributes. ## Document Scaffolding Basic structure of a standard, responsive HTML5 document. ```html Document Title ``` ## Structural & Semantic Layout (HTML5) Semantic elements clearly describe their meaning to both the browser and search engine crawlers, improving SEO and accessibility. ```html

``` ## Text & Content Formatting ```html

...

This is a paragraph.

Link Email Us Call Us Bold Text Italicized Text Highlighted Text

To be or not to be...

                                       
const x = 10;                 
```

## Lists

```html


  Item 1
  Item 2




  First
  Second




  HTML
                             
  HyperText Markup Language
        

```

## Forms & User Inputs

```html
        
  
  
  Username:   
  

  
  Password:
  

  
  
     I agree to terms
  

  
   Male
   Female

  
  Choose option:
  

  
  Message:
  

  
  
  

```

## Media & Embeds

```html











```

## Tables

```html
                                     
  Weekly Sales Summary  
                                     
                                        
      Day                           
      Revenue
    
  
                                     
    
      Monday                        
      $1,200
    
    
      Tuesday
      $1,500
    
  
                                     
    
      Total
      $2,700
    
  

```

## Common Global Attributes

These attributes are universal and can be used on any HTML element.

```html
id="unique-id"                              # Globally unique identifier (must be unique on the page)
class="style-class another-class"           # CSS stylesheet style class selector mapping
style="color: red; padding: 10px;"          # Direct inline CSS styling declarations
title="Tooltip Text"                        # Tooltip text shown on hover
data-user-id="123"                          # Custom dataset attributes (read/write in JS via dataset.userId)
tabindex="0"                                # Directs keyboard focus order (0 is normal tab flow, -1 removes from tab flow)
hidden                                      # Hides element visually and hides it from screen readers
```
---


    

    
    
    
      Try in Playground
      Practice what you've learned in our interactive browser-based playgrounds:
      
        
        
        
          HTML Playground
          Write, test, and run self-contained HTML templates directly in your browser. ...
        
        
        
      
    
    
    
      Recommended Cheatsheets
      Check out our other essential cheatsheets for developers:
      
        
        
          
          Browser Shortcuts Cheatsheet
          Comprehensive reference for essential web browser keyboard shortcuts, coverin...
      
      
      
          
          CSS Flexbox Cheatsheet
          Comprehensive reference for CSS Flexible Box Layout (Flexbox), covering flex ...
      
      
      
          
          CSS Grid Cheatsheet
          Comprehensive reference for CSS Grid Layout, covering grid container properti...