HTML Cheatsheet

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
2️⃣ Page Information

<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
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
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
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
7️⃣ Lists

<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! 🙏

• • •

Missing some Tweet in this thread? You can try to force a refresh

Keep Current with Savio Martin

Savio Martin Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!


Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @saviomartin7

18 Jul
Be productive using these amazing 48 .new domains to perform online actions in one step 🔥

Here are they go 👇
1. - New Google Doc.
2. - New Google sheet.
3. - New Google Slide.
4. - New Google form.
5. - New video call with Google Meet.
7. - New Google Calendar event.
8. - New Google note.
9. - New Google Site.
10. - New NextJS project using stackblitz.
11. - New React project using codeSandbox
Read 14 tweets
17 Jul
Top 10 amazing VS Code themes 😱

Give your VS Code a pro look by using these fantastic themes.
A thread 👇
1️⃣ Shades Of Purple

A professional theme suite with hand-picked & bold shades of purple by @MrAhmadAwais

📎… Image
2️⃣ LaserWave

An clean 80's synthwave / outrun inspired theme.

📎… Image
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!