List of all HTML tags πŸ‘‡πŸ‘€
A thread 🧡

➑️ Basic HTML

πŸ“Œ<!DOCTYPE> : Defines the document type
πŸ“Œ<html> : Defines an HTML document
πŸ“Œ<head> : Contains metadata/information for the document
πŸ“Œ<title> : Defines a title for the document
πŸ“Œ<body> : Defines the document's body
πŸ“Œ<h1> to <h6> : Defines HTML headings
πŸ“Œ<p>: Defines a paragraph
πŸ“Œ<br> : Inserts a single line break
πŸ“Œ<hr>: Defines a thematic change in the content
πŸ“Œ<!--...--> Defines a comment
➑️ List

πŸ“Œ<ul>: Defines an unordered list
πŸ“Œ<ol>: Defines an ordered list
πŸ“Œ<li>: Defines a list item
πŸ“Œ<dl>: Defines a description list
πŸ“Œ<dt>: Defines a term/name in a description list
πŸ“Œ<dd>: Defines a description of a term/name in a description list
➑️ Tables

πŸ“Œ<table> : Defines a table
πŸ“Œ<caption> : Defines a table caption
πŸ“Œ<th>: Defines a header cell in a table
πŸ“Œ<tr>: Defines a row in a table
πŸ“Œ<td>: Defines a cell in a table
πŸ“Œ<thead> : Groups the header content in a table
πŸ“Œ<tbody>Groups the body content in a table
πŸ“Œ<tfoot>Groups the footer content in a table
πŸ“Œ<col>Specifies column properties for each column within a <colgroup> element

πŸ“Œ<colgroup>Specifies a group of one or more columns in a table for formatting
➑️ Styles and Semantics

πŸ“Œ<style>: Defines style information for a document
πŸ“Œ<div>: Defines a section in a document
πŸ“Œ<span>: Defines a section in a document
πŸ“Œ<header>: Defines a header for a document or section
πŸ“Œ<footer>: Defines a footer for a document or section
πŸ“Œ<main>: Specifies the main content of a document
πŸ“Œ<section>: Defines a section in a document
πŸ“Œ<article>: Defines an article
πŸ“Œ<aside>: Defines content aside from the page content
πŸ“Œ<details>: Defines additional details that the user can view or hide
πŸ“Œ<dialog> : Defines a dialog box or window

πŸ“Œ<summary> : Defines a visible heading for a <details> element

πŸ“Œ<data>: Adds a machine-readable translation of a given content
➑️ Meta Info

πŸ“Œ<head>: Defines information about the document

πŸ“Œ<meta>: Defines metadata about an HTML document

πŸ“Œ<base>: Specifies the base URL/target for all relative URLs in a document
➑️ Forms and Input

πŸ“Œ<form> : Defines an HTML form for user input
πŸ“Œ<input>: Defines an input control

πŸ“Œ<textarea>: Defines a multiline input control (text area)

πŸ“Œ<button>: Defines a clickable button

πŸ“Œ<select>: Defines a drop-down list
πŸ“Œ<optgroup> : Defines a group of related options in a drop-down list

πŸ“Œ<option>: Defines an option in a drop-down list

πŸ“Œ<label>: Defines a label for an <input> element

πŸ“Œ<fieldset>: Groups related elements in a form
πŸ“Œ <legend>Defines a caption for a <fieldset> element

πŸ“Œ <datalist>Specifies a list of pre-defined options for input controls

πŸ“Œ <output>Defines the result of a calculation
➑️ Formatting

πŸ“Œ<abbr>Defines an abbreviation or an acronym
πŸ“Œ<address>Defines contact information for the author/owner of a document/article

πŸ“Œ<b>Defines bold text

πŸ“Œ<bdi>Isolates a part of text that might be formatted in a different direction from other text outside it
πŸ“Œ<bdo>: Overrides the current text direction

πŸ“Œ<blockquote>: Defines a section that is quoted from another source

πŸ“Œ <cite> : Defines the title of a work

πŸ“Œ<code>: Defines a piece of computer code

πŸ“Œ<del>: Defines text that has been deleted from a document
πŸ“Œ <dfn>: Specifies a term that is going to be defined within the content

πŸ“Œ <em> : Defines emphasized text

πŸ“Œ<i>: Defines a part of text in an alternate voice or mood

πŸ“Œ<ins>: Defines a text that has been inserted into a document

πŸ“Œ<kbd> : Defines keyboard input
πŸ“Œ<mark>: Defines marked/highlighted text

πŸ“Œ<meter>: Defines a scalar measurement within a known range (a gauge)

πŸ“Œ<pre> : Defines preformatted text

πŸ“Œ<progress>: Represents the progress of a task

πŸ“Œ<q>: Defines a short quotation
πŸ“Œ <rp> : Defines what to show in browsers that do not support ruby annotations
πŸ“Œ<rt> : Defines an explanation/pronunciation of characters (for East Asian typography)
πŸ“Œ<ruby> :Defines a ruby annotation(for East Asian typography)
πŸ“Œ<s> :Defines text that is no longer correct
πŸ“Œ<samp> : Defines sample output from a computer program

πŸ“Œ<small> : Defines smaller text

πŸ“Œ<strong> : Defines important text

πŸ“Œ<sub> : Defines subscripted text

πŸ“Œ<sup>: Defines superscripted text
πŸ“Œ<template>: Defines a container for content that should be hidden when the page loads

πŸ“Œ<time> : Defines a specific time (or datetime)

πŸ“Œ <u>: Defines some text that is unarticulated and styled differently from normal text
πŸ“Œ <var> : Defines a variable

πŸ“Œ<wbr>: Defines a possible line-break
➑️ Audio / Video

πŸ“Œ <audio>: Defines sound content

πŸ“Œ<source>: Defines multiple media resources for media elements (<video>, <audio> and <picture>)

πŸ“Œ<track>: Defines text tracks for media elements (<video> and <audio>)

πŸ“Œ<video>: Defines a video or movie
➑️ Links

πŸ“Œ<a>: Defines a hyperlink

πŸ“Œ<link> : Defines the relationship between a document and an external resource (most used to link to style sheets)

πŸ“Œ<nav> : Defines navigation links

β€’ β€’ β€’

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

Keep Current with Aditi

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

PDF

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 @shreeAditi26

31 May
Important HTML tags for SEO
A thread πŸ‘‡
1️⃣ Title tag :

πŸ‘‰ Title tags are displayed on search engine results Pages ( SERPs ) as a clickable headline for a given results . Image
2️⃣ Meta description tag :

πŸ‘‰ It draws readers to a website from search engine result pages (SERP) thus is very visible and important part of search marketing. Image
Read 8 tweets
30 May
7 CSS Code generator site πŸ‘‡
A thread 🧡
1️⃣ πŸ”— Flexy Boxes
best-web-design-tools.com/resources/flex…
2️⃣ πŸ”— Css3 Generator
css3generator.com
Read 8 tweets
25 May
Here are some insights which I got from yesterday's spaceπŸ‘‡
➑️There are two kinds of people we get to see after rejection
1. One who take it in a positive way , pen down things that lead to rejection , Work hard try to overcome those and prepare themself for the next interview
2. The other one after rejection takes the step back thinking that's it's very difficult for them to clear those interviews and they develop a fear of rejection inside them which doesn't let them prepare for the next one
➑️ Never give any labels to yourself Like -
πŸ‘‰ You're an introvert πŸ‘‰ You're not good at Coding .. You can't do this or that ...etc
Because at the time you start giving these labels ....then it's becomes very difficult for you to overcome these and move ahead in life.
Read 7 tweets
25 May
Write your html codes 10X faster with emmets

πŸ‘‡

➑️ Child : >

nav>ul>li
➑️ Climb-up : ^
div>p>span+em^a
➑️ Multiplication : *

ul>li*5
Read 8 tweets
24 May
JavaScript interview questions guide
A thread πŸ‘‡

➑️ πŸ”—github.com/sudheerj/javas…
➑️ πŸ”—dev.to/worldindev/400…
➑️ πŸ”— guru99.com/javascript-int…
Read 5 tweets
23 May
Day 6 : Learnt the function concepts
➑️ Function introduction
➑️ Function Declaration
➑️ Function expression
➑️ Function calling
#javascript #100DaysOfCode
Here are some resources which will help while learning functions πŸ‘‡
Read 6 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!

:(