HTML Tags Cheat Sheet

مرجع سریع پرکاربردترین تگ‌های HTML — بر اساس فهرست عناصر MDN و W3Schools. منبع کامل: HTML elements reference — MDN و HTML Tag Reference — W3Schools.

دسته: HTML ←مفهوم مرتبط: HTML چیست؟ ←

ساختار

نام	امضا	مثال	خروجی	کاربرد
html, head, body		`<html><head></head><body></body></html>`		اسکلت پایه هر سند HTML
meta charset	<meta charset="UTF-8">	`<meta charset="UTF-8">`		تعیین کدگذاری کاراکترها

متن

نام	امضا	مثال	خروجی	کاربرد
h1..h6	<h1>..<h6>	`<h1>عنوان اصلی</h1>`		تیتر‌ها به ترتیب اهمیت
p	<p>	`<p>متن پاراگراف</p>`		پاراگراف متنی

لینک/رسانه

نام	امضا	مثال	خروجی	کاربرد
a	<a href="...">	`<a href="/about">درباره ما</a>`		لینک به صفحه دیگر
img	<img src="..." alt="...">	`<img src="logo.png" alt="لوگو">`		نمایش تصویر با متن جایگزین برای دسترسی‌پذیری

فهرست

نام	امضا	مثال	خروجی	کاربرد
ul / li	<ul><li>...</li></ul>	`<ul><li>مورد اول</li></ul>`		فهرست بدون‌ترتیب
ol / li	<ol><li>...</li></ol>	`<ol><li>مرحله اول</li></ol>`		فهرست باترتیب

فرم

نام	امضا	مثال	خروجی	کاربرد
form	<form action="..." method="post">	`<form method="post">...</form>`		بسته‌بندی عناصر ورودی برای ارسال
input	<input type="...">	`<input type="email" required>`		دریافت ورودی از کاربر

جدول

نام	امضا	مثال	خروجی	کاربرد
table / tr / td	<table><tr><td>...</td></tr></table>	`<table><tr><td>سلول</td></tr></table>`		نمایش داده جدولی

معنایی

نام	امضا	مثال	خروجی	کاربرد
header / nav / main / footer	-	`<header></header><nav></nav><main></main><footer></footer>`		ساختار معنایی صفحه به‌جای div خام