HTML Element Reference
🧱 ساختار پایه
<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<!– محتوای صفحه اینجا قرار میگیرد –>
</body>
</html>
📄 اطلاعات متا (Metadata)
| تگ | توضیح |
|---|---|
<head> |
بخش اطلاعات صفحه |
<title> |
عنوان صفحه (در مرورگر) |
<meta> |
اطلاعاتی مثل charset، نویسنده، viewport و … |
<link> |
لینک به فایلهای خارجی مثل CSS |
<style> |
استایل داخلی |
<script> |
کد جاوااسکریپت |
📝 محتوای متنی
| تگ | توضیح |
|---|---|
<h1> تا <h6> |
عنوانها (از بزرگترین تا کوچکترین) |
<p> |
پاراگراف |
<br> |
شکستن خط |
<hr> |
خط افقی جداکننده |
<blockquote> |
نقل قول |
<pre> |
متن قالببندیشده ثابت |
🔡 قالببندی متن
| تگ | توضیح |
|---|---|
<strong> |
متن مهم (پررنگ) |
<em> |
متن تأکیدی (مورب) |
<b> |
پررنگ |
<i> |
مورب |
<u> |
زیرخط |
<mark> |
برجسته کردن متن |
<small> |
متن کوچکتر |
<sub> / <sup> |
زیرنویس / بالانویس |
<code> |
نمایش کد داخل خط |
<abbr> |
مخفف (با نمایش توضیح کامل) |
🔗 لینکها
<a href=“https://example.com”>متن لینک</a>
🖼️ تصاویر و رسانه
| تگ | توضیح |
|---|---|
<img src="..." alt="..."> |
نمایش تصویر |
<figure> / <figcaption> |
تصویر با عنوان |
<audio> / <video> |
فایلهای صوتی/تصویری |
<source> |
منبع برای ویدیو یا صدا |
📋 لیستها
| تگ | توضیح |
|---|---|
<ul> |
لیست بدون ترتیب |
<ol> |
لیست مرتبشده |
<li> |
آیتم لیست |
<dl> |
لیست تعریفی |
<dt> / <dd> |
واژه / تعریف آن |
📦 عناصر ساختاردهی
| تگ | توضیح |
|---|---|
<div> |
بلوک عمومی (بدون معنای خاص) |
<span> |
عنصر درونخطی عمومی |
<section> |
بخش از محتوا |
<article> |
محتوای مستقل |
<header> / <footer> |
سرصفحه / پاصفحه |
<nav> |
منوی ناوبری |
<main> |
محتوای اصلی |
<aside> |
محتوای جانبی (مانند ستون کناری) |
📄 جداول
| تگ | توضیح |
|---|---|
<table> |
جدول |
<tr> |
سطر جدول |
<td> |
سلول معمولی |
<th> |
سلول عنوان |
<thead> / <tbody> / <tfoot> |
بخشهای جدول |
<caption> |
عنوان جدول |
📥 فرمها
| تگ | توضیح |
|---|---|
<form> |
فرم |
<input> |
فیلد ورودی |
<textarea> |
فیلد چندخطی |
<select> / <option> |
لیست کشویی |
<button> |
دکمه |
<label> |
برچسب برای فیلدها |
<fieldset> / <legend> |
گروهبندی ورودیها |
🧪 اسکریپتها و محتوای تعاملی
| تگ | توضیح |
|---|---|
<script> |
اسکریپت جاوااسکریپت |
<noscript> |
جایگزین در نبود جاوااسکریپت |
<canvas> |
ناحیه رسم گرافیک |
<svg> |
گرافیک برداری |
<details> / <summary> |
بخش قابل باز و بسته شدن |
🏷️ عناصر معنایی و دسترسیپذیری
| تگ | توضیح |
|---|---|
<address> |
اطلاعات تماس |
<time> |
تاریخ یا زمان |
<cite> |
ارجاع به منبع |
<dfn> |
تعریف واژه |
aria-* |
ویژگیهای دسترسیپذیری برای افراد دارای معلولیت |
دیدگاهتان را بنویسید