List of Html Tags - Frontend Hack

<!DOCTYPE> - Declares the HTML version (not a tag, but required).
<html></html> - Root element of an HTML page.
<head></head> - Contains metadata and links to scripts/styles.
<title></title> - Defines the title shown in the browser tab.
<meta> - Provides metadata like charset, viewport, or SEO info.
<link> - Links external resources (e.g., CSS files).
<style></style> - Embeds CSS styles directly in HTML.
<script></script> - Embeds or references JavaScript code.
<noscript></noscript> - Content shown if scripts are disabled.
<base> - Sets a base URL for relative links.

Sections & Layout

<body></body> - Contains all visible page content.
<header></header> - Introductory content or navigation.
<footer></footer> - Footer section (copyright, links).
<nav></nav> - Navigation links.
<main></main> - Primary content of the document.
<article></article> - Self-contained content (e.g., blog post).
<section></section> - Thematic grouping of content.
<aside></aside> - Sidebar or tangential content.
<div></div> - Generic container for styling/grouping.
<span></span> - Inline container for text styling.

Headings & Text

<h1></h1> to <h6></h6> - Headings (h1 = highest importance).
<p></p> - Paragraph of text.
<br> - Line break (no closing tag).
<hr> - Horizontal rule (thematic break).
<pre></pre> - Preformatted text (preserves whitespace).
<blockquote></blockquote> - Block-level quotation.
<q></q> - Inline quotation.
<cite></cite> - Citation for a quote or reference.
<code></code> - Inline code snippet.
<var></var> - Variable in programming/math.
<samp></samp> - Sample output from a program.
<kbd></kbd> - Keyboard input (e.g., shortcuts).
<sub></sub> - Subscript text (e.g., H₂O).
<sup></sup> - Superscript text (e.g., x²).
<time></time> - Machine-readable date/time.
<data></data> - Links content to machine-readable data.
<mark></mark> - Highlighted text.
<ins></ins> - Inserted text (underlined by default).
<del></del> - Deleted text (strikethrough by default).
<abbr></abbr> - Abbreviation (e.g., HTML).
<dfn></dfn> - Definition term.
<small></small> - Side comments or fine print.
<strong></strong> - Important text (bold by default).
<em></em> - Emphasized text (italic by default).
<b></b> - Bold text (no semantic meaning).
<i></i> - Italic text (no semantic meaning).
<u></u> - Underlined text (avoid for links).
<s></s> - Strikethrough text.
<wbr> - Optional word break opportunity.

Lists

<ul></ul> - Unordered list (bullet points).
<ol></ol> - Ordered list (numbered).
<li></li> - List item (inside ul/ol).
<dl></dl> - Description list (terms + definitions).
<dt></dt> - Term in a description list.
<dd></dd> - Definition in a description list.

Links & Media

<a></a> - Hyperlink (href attribute required).
<img> - Embeds an image (src attribute required).
<picture></picture> - Responsive image container.
<figure></figure> - Self-contained media (e.g., image + caption).
<figcaption></figcaption> - Caption for a <figure>.
<audio></audio> - Embeds sound content.
<video></video> - Embeds video content.
<source> - Alternative media sources for audio/video.
<track> - Subtitles/captions for media.
<embed> - Legacy external content embed.
<object></object> - Embeds external resources (e.g., PDFs).
<param> - Parameters for <object>.
<iframe></iframe> - Embeds another HTML page.
<map></map> - Image map (clickable areas).
<area> - Clickable region in an image map.

Tables

<table></table> - Defines a table.
<caption></caption> - Table title or description.
<thead></thead> - Header rows in a table.
<tbody></tbody> - Main content of a table.
<tfoot></tfoot> - Footer rows in a table.
<tr></tr> - Table row.
<th></th> - Table header cell.
<td></td> - Table data cell.
<col> - Styles columns without content.
<colgroup></colgroup> - Groups columns for styling.

Forms & Input

<form></form> - Container for input elements.
<input> - Input field (type=text, password, etc.).
<textarea></textarea> - Multi-line text input.
<button></button> - Clickable button.
<select></select> - Dropdown list.
<option></option> - Option in a dropdown.
<optgroup></optgroup> - Groups related options.
<label></label> - Label for a form element.
<fieldset></fieldset> - Groups related form controls.
<legend></legend> - Caption for a <fieldset>.
<datalist></datalist> - Predefined options for <input>.
<output></output> - Result of a calculation.
<meter></meter> - Scalar measurement (e.g., disk usage).
<progress></progress> - Progress indicator (e.g., loading).

Interactive Elements

<details></details> - Expandable/collapsible widget.
<summary></summary> - Summary for <details>.
<dialog></dialog> - Modal or popup dialog box.

Semantic & Miscellaneous

<template></template> - Client-side content template (hidden).
<slot></slot> - Placeholder in a web component.
<canvas></canvas> - Drawing surface for JavaScript.
<svg></svg> - Container for Scalable Vector Graphics.

Obsolete/Deprecated Tags (Avoid Using)

<acronym></acronym> - Deprecated; use <abbr> instead.
<applet></applet> - Deprecated; use <object> instead.
<basefont> - Deprecated; use CSS instead.
<big></big> - Deprecated; use CSS instead.
<center></center> - Deprecated; use CSS instead.
<dir></dir> - Deprecated; use <ul> instead.
<font></font> - Deprecated; use CSS instead.
<frame>, <frameset>, <noframes> - Deprecated; avoid frames.
<strike></strike> - Deprecated; use <del> or CSS.
<tt></tt> - Deprecated; use <code> or CSS.