KEMBAR78
HTML5 Tag Cheat Sheet | PDF | Html Element | Computer File Formats
0% found this document useful (0 votes)
12 views4 pages

HTML5 Tag Cheat Sheet

The HTML5 Tag Cheat Sheet provides a comprehensive overview of various HTML tags and their purposes, categorized into sections such as Document Structure, Sectioning Content, Text Content, Inline Text Semantics, Image and Media, Forms and Input, Table Content, and Interactive Elements. It also includes a list of deprecated tags from HTML4 that should be avoided in favor of modern alternatives. This cheat sheet serves as a quick reference for web developers to understand and utilize HTML5 effectively.

Uploaded by

blackpriest7860
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
12 views4 pages

HTML5 Tag Cheat Sheet

The HTML5 Tag Cheat Sheet provides a comprehensive overview of various HTML tags and their purposes, categorized into sections such as Document Structure, Sectioning Content, Text Content, Inline Text Semantics, Image and Media, Forms and Input, Table Content, and Interactive Elements. It also includes a list of deprecated tags from HTML4 that should be avoided in favor of modern alternatives. This cheat sheet serves as a quick reference for web developers to understand and utilize HTML5 effectively.

Uploaded by

blackpriest7860
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

HTML5 Tag Cheat Sheet

Document Structure

<html> Root of an HTML document

<head> Container for metadata

<body> Main content of the document

<title> Document title shown in browser tab

Sectioning Content

<header> Introductory content or navigational links

<footer> Footer for its nearest sectioning content

<nav> Navigation links

<section> Generic section of a document

<article> Independent, self-contained content

<aside> Content indirectly related to the main content

<main> Main content of the document

Text Content

<h1> to <h6> Headings from level 1 to 6

<p> Paragraph

<br> Line break

<hr> Horizontal rule (thematic break)

<blockquote> Quoted content

<pre> Preformatted text

<figure> Self-contained content

<figcaption> Caption for a <figure>


HTML5 Tag Cheat Sheet

Inline Text Semantics

<a> Hyperlink

<strong> Important text

<em> Emphasized text

<span> Generic inline container

<code> Computer code

<mark> Highlighted text

<small> Side-comments and small print

<sup> Superscript

<sub> Subscript

Image and Media

<img> Image

<audio> Sound content

<video> Video content

<source> Media resource for <audio> and <video>

<track> Text tracks for <video> and <audio>

<iframe> Inline frame (embedded content)

<embed> Embeds external content

<object> Embeds external resource

Forms and Input

<form> Form container

<input> Input field


HTML5 Tag Cheat Sheet

<textarea> Multi-line text input

<button> Clickable button

<select> Drop-down list

<option> Options in <select>

<label> Label for form elements

<fieldset> Groups related elements

<legend> Title for <fieldset>

<datalist> Predefined options for inputs

Table Content

<table> Table

<tr> Table row

<td> Table cell (data)

<th> Table header cell

<thead> Group of header rows

<tbody> Group of body rows

<tfoot> Group of footer rows

<caption> Table caption

<col> Column properties

<colgroup> Group of columns

Interactive Elements

<details> Toggleable disclosure widget

<summary> Visible heading for <details>


HTML5 Tag Cheat Sheet

<dialog> Dialog box or popup

Deprecated Tags (HTML4 / Obsolete)

<center> Centers text (use CSS instead)

<font> Font styling (use CSS instead)

<big> Increases text size

<strike> Strikethrough text (use <del>)

<tt> Teletype text (use <code>)

<acronym> Use <abbr> instead

<frame> Used for frames (replaced by <iframe>)

<frameset> Container for <frame>

<noframes> Content for browsers that don't support frames

<applet> Java applets (obsolete)

<basefont> Base font for the document

You might also like