HTML Cheatsheet
The most common tags explained with usage in simple terms 👇
The most common tags explained with usage in simple terms 👇
1️⃣ Document Outline
<!DOCTYPE> : Version of (X)HTML
<html> : HTML Document
<head>: Page Information
<body> : Page Contents
<!DOCTYPE> : Version of (X)HTML
<html> : HTML Document
<head>: Page Information
<body> : Page Contents
2️⃣ Page Information
<base /> : Base URL
<meta /> : Meta data
<title> : Title
<link/> : Relevant resource
<style>: Style resource
<script> : Script resource
<base /> : Base URL
<meta /> : Meta data
<title> : Title
<link/> : Relevant resource
<style>: Style resource
<script> : Script resource
3️⃣ Document Structure
<h1>-<h6> : Heading
<main> : Main Area
<section> : Sections
<div> : Page section
<span> : Inline section
<p> : Paragraph
<br/> : Line break
<hr/> : Horizontal rule
<video> : Play Video
<audio: : Play Audio
<progress> : Progress Tag
<iframe> : Embed Webpage
<h1>-<h6> : Heading
<main> : Main Area
<section> : Sections
<div> : Page section
<span> : Inline section
<p> : Paragraph
<br/> : Line break
<hr/> : Horizontal rule
<video> : Play Video
<audio: : Play Audio
<progress> : Progress Tag
<iframe> : Embed Webpage
4️⃣ Forms
<form> : Form Component
<fieldset> : Collection of fields
<legend> : Form legend
<label> : Input label
<input /> : Form input component
<textarea> : Large text input
<select> : Drop-down Box
<option> : Drop-down options
<button> : Standard Button
<form> : Form Component
<fieldset> : Collection of fields
<legend> : Form legend
<label> : Input label
<input /> : Form input component
<textarea> : Large text input
<select> : Drop-down Box
<option> : Drop-down options
<button> : Standard Button
5️⃣ Tables
<table> : Table Component
<caption> : Caption Tag
<thread> : Thread
<tbody> : Table Body
<tfoot> : Table Footer
<colgroup> : Column group
<th> : Header cell
<tr> : Table row
<td> : Table cell
<table> : Table Component
<caption> : Caption Tag
<thread> : Thread
<tbody> : Table Body
<tfoot> : Table Footer
<colgroup> : Column group
<th> : Header cell
<tr> : Table row
<td> : Table cell
6️⃣ Links
<a href="#"> : Page link
<a href="malito:"> : Email link
<a name="name" : Anchor
<a href="#name"> : Link to anchor
<a href="tel:"> : Link to Phone Number
<a href="#"> : Page link
<a href="malito:"> : Email link
<a name="name" : Anchor
<a href="#name"> : Link to anchor
<a href="tel:"> : Link to Phone Number
7️⃣ Lists
<ol> : Ordered list
<ul> : Unordered list
<li> : List item
<dl> : Definition list
<dt> : Definition term
<dd> : Term description
<ol> : Ordered list
<ul> : Unordered list
<li> : List item
<dl> : Definition list
<dt> : Definition term
<dd> : Term description
If you found the tweet helpful, consider following me @saviomartin7 and retweeting the first tweet.
Thanks for your support guys! 🙏
Thanks for your support guys! 🙏
• • •
Missing some Tweet in this thread? You can try to
force a refresh
