Bookmark this page
Press Ctrl+D (Windows) or Cmd+D (Mac) to bookmark this page.
🏷 HTML

HTML Tags Cheat Sheet

A practical HTML tags cheat sheet with semantic tags, forms, media and head elements.

Semantic layoutText tagsForms and inputsMedia and head

Semantic layout

<header></header>
<nav></nav>
<main></main>
<section></section>
<article></article>
<footer></footer>

Text and links

<h1>Title</h1>
<p>Paragraph</p>
<strong>Bold</strong>
<em>Italic</em>
<a href="/">Link</a>

Forms

<form>
  <input type="text">
  <textarea></textarea>
  <button type="submit">Send</button>
</form>

Media and head

<img src="image.jpg" alt="Alt text">
<video controls></video>
<title>Page title</title>
<meta name="description" content="...">

Common form inputs

<label for="email">Email</label>
<input id="email" type="email">
<input type="password">
<input type="date">
<select><option>One</option></select>
✓ Copied!