شما دوستان عزیز و محترم میتوانید در این مطلب لیست کامل تگ های زبان HTML را بهمراه توضیح هر یک از این تگ ها و همچنین مثال آنلاین هر یک از این تگ ها رو مشاهده نمایید.
در لیست زیر یک ستون وجود دارد که در آن علامتیعنی آن تگ در HTML5 یک تگ جدید/اضافه شده می باشد و علامت
یعنی آن تگ در HTML5 منسوخ شده می باشد.
برای مشاهده مثال آنلاین هر یک از تگ ها ، لطفا بروی دکمه ( مثال ) که در لیست زیر وجود دارد کلیک نمایید تا بصورت آنلاین مثال آن تگ را مشاهده نمایید.
نام تگ | توضیح | HTML5 | مثال |
---|---|---|---|
<!–…–> | برای تعریف/ایجاد توضیحات در صفحه وب | – | مثال |
<!DOCTYPE> | برای مشخص کردن نوع یا نسخه صفحه وب | ![]() |
مثال |
<a> | برای ایجاد یا تعریف لینک ها در صفحه وب | – | مثال |
<abbr> | برای تعریف مخفف ها یا اختصارها در صفحه وب | – | مثال |
<acronym> | برای تعریف مخفف ها یا اختصارها در صفحه وب | ![]() |
مثال |
<address> | برای تعریف اطلاعات تماس نویسنده یک صفحه وب | – | مثال |
<applet> | برای تعریف یا جاسازی اپلت ها در صفحه وب | ![]() |
– |
<area> | برای تعریف یک نقشه تصویری ( یک تصویر با نقاط قابل کلیک ) | – | مثال |
<article> | برای ایجاد پست / مقاله / مطالب در یک صفحه وب | ![]() |
مثال |
<aside> | برای تعریف محتوا فرعی ( محتوایی که در ارتباط با محتوای اصلی است ) | ![]() |
مثال |
<audio> | برای گذاشتن آهنگ / موسیقی و.. در یک صفحه وب | ![]() |
مثال |
<b> | یک متن را برجسته یا کلفت می کند ( بدون هیچ ارزش محتوایی ) | – | مثال |
<base> | برای تعریف یک لینک پایه در یک صفحه وب | – | مثال |
<basefont> | برای تعریف یک فونت پایه در یک صفحه وب | ![]() |
مثال |
<bdi> | برای تعریف جهت یک محتوا ( مثلا برای گذاشتن متن انگلیسی در متن فارسی ) | ![]() |
مثال |
<bdo> | برای برعکس کردن محتوا | – | مثال |
<bgsound> | برای گذاشتن موزیک در پس زمینه صفحه | ![]() |
مثال |
<big> | اندازه یک متن را کمی بزرگتر میکند | ![]() |
مثال |
<Blink> | برای ایجاد یک متن چشمک زن ( روشن و خاموش شدن متن ) | ![]() |
– |
<blockquote> | برای ایجاد یک نقل قول از یک سورس یا منبع خارجی | – | مثال |
<body> | برای ایجاد بدنه اصلی یک صفحه وب | – | مثال |
<br> | برای شکستن خط و رفتن به سطر جدید | – | مثال |
<button> | برای ایجاد یک دکمه در صفحه وب | – | مثال |
<canvas> | یک ظرف برای نگهداری اشکل گرافیکی ایجاد شده توسط اسکریپت | ![]() |
مثال |
<caption> | برای تعریف عنوان یا کپشن برای یک جدول | – | مثال |
<center> | یک متن یا عناصر را در وسط صفحه قرار میدهد | ![]() |
مثال |
<cite> | برای تعریف عنوان یک کار یا اثر یا یک عمل انجام شده | – | مثال |
<code> | برای قرار دادن کدهای کامپیوتری در یک صفحه وب | – | مثال |
<col> | برای انتخاب یک یا چندین ستون جدول | – | مثال |
<colgroup> | برای انتخاب یک یا چندین ستون جدول | – | مثال |
<data> | ایجاد یک محتوا قابل خواندن و قابل ترجمه توسط ماشین های مترجم | ![]() |
مثال |
<datalist> | یک لیست از گزینه های از پیش تعریف شده را مشخص میکند | ![]() |
مثال |
<dd> | یک توضیح / شرح برای آیتم های یک لیست توضیحی مشخص میکند | – | مثال |
<del> | برای حذف کردن یک محتوا (برویش خط میکشد) | – | مثال |
<details> | برای ایجاد یک باکس بازشو جهت نمایش محتوا به کاربر | ![]() |
مثال |
<dfn> | میتوان یک اصطلاح را تعریف کرد | – | مثال |
<dialog> | برای ایجاد یک باکس دیالوگ جهت نمایش در مرورگر | ![]() |
مثال |
<dir> | برای ایجاد یک لیست نامرتب | ![]() |
مثال |
<div> | برای ایجاد طرح بندی یک قالب وبسایت | – | مثال |
<dl> | برای ایجاد یک لیست دارای توضیحات در صفحه وب | – | مثال |
<dt> | برای ایجاد آیتم های یک لیست دارای توضیحات در صفحه وب | – | مثال |
<em> | برای تاکید بروی یک محتوا | – | مثال |
<embed> | یک ظرف برای نگهداری محتوای خارج از صفحه وب (مثله فایل های فلش یا PDF) | ![]() |
مثال |
<fieldset> | برای گروه بندی عناصر یک فرم | – | مثال |
<figcaption> | ایجاد یک عنوان برای تگ <figure> | ![]() |
مثال |
<figure> | برای گذاشتن یک محتوای مستقل در یک صفحه وب (مثله نمودارها،تصاویر و..) | ![]() |
مثال |
<font> | برای تعریف یک محتوا با فونت و اندازه و رنگ مشخص شده | ![]() |
مثال |
<footer> | برای ایجاد فوتر یا پایینی ترین قسمت یک سایت | ![]() |
مثال |
<form> | برای ایجاد یک فرم در صفحه وب | – | مثال |
<frame> | برای تعریف فریم ها در یک صفحه وب | ![]() |
مثال |
<frameset> | برای تعریف فریم ها در یک صفحه وب | ![]() |
مثال |
<h1> – <h6> | برای ایجاد تگ های تیتر یا عنوان در صفحه وب | – | مثال |
<head> | برای تعریف یا ایجاد قسمت هد یک صفحه وب | – | مثال |
<header> | برای ایجاد هدر سایت | ![]() |
مثال |
<hgroup> | برای گروه بندی کردن تگ های تیتر یا هدینگ | ![]() |
مثال |
<hr> | یک خط افقی صاف برای جدا کردن محتوا از همدیگر | – | مثال |
<html> | ریشه و ستون اصلی یک صفحه وب را تعریف میکند | – | مثال |
<i> | متن را کمی کج نمایش میدهد | – | مثال |
<iframe> | برای ایجاد فریم ها در صفحه وب (مثلا قرار دادن یک سایت در یک صفحه وب) | – | مثال |
<img> | برای گذاشتن عکس / تصویر در صفحه وب | – | مثال |
<input> | برای قرار دادن کنترل های ورودی در یک فرم | – | مثال |
<ins> | یک خط به زیر محتوا میکشد | – | مثال |
<isindex> | برای ارسال یک query یا پرس جو به سمت سرور | ![]() |
– |
<kbd> | برای تعریف ورودی های صفحه کلید | – | مثال |
<keygen> | برای تولید یک جفت کلید یا کد رمزنگاری شده در سمت کاربر و سرور | ![]() |
– |
<label> | تعریف یک لیبل یا برچسب برای کنترل های ورودی | – | مثال |
<legend> | برای ایجاد یک عنوان/کپشن برای تگ <fieldset> | – | مثال |
<li> | برای تعریف آیتم های یک لیست نامرتب یا مرتب | – | مثال |
<link> | برای تعریف رابطه بین صفحه جاری و محتوای خارجی (صفحه یا فایلی که بهش لینک شده) | – | مثال |
<main> | برای ایجاد بخش اصلی از یک صفحه وب | ![]() |
مثال |
<map> | برای تعریف یک نقشه تصویری (تصویری که بروی آن تعدادی لینک وجود داشته باشد) |
– | مثال |
<mark> | ماژیک زرد – برای رنگی کردن محتوا | ![]() |
مثال |
<marquee> | برای متحرک سازی متن یا تصویر بصورت افقی یا عمودی | ![]() |
مثال |
<menu> | برای ایجاد یک منو یا لیستی از دستورات یا آیتم ها | – | مثال |
<menuitem> | برای ایجاد آیتم های تگ <menu> | ![]() |
مثال |
<meta> | برای تعریف متاداده ها در یک صفحه وب | – | مثال |
<meter> | میتوان یک گیج (Gauge) اندازه گیری را در یک صفحه وب ایجاد کرد | ![]() |
مثال |
<nav> | برای ایجاد منو – (میتونه منوی اصلی سایت باشه) | ![]() |
مثال |
<nobr> | از شکستن متن به سطرهای بعد جلوگیری می کند. | ![]() |
مثال |
<noframes> | برای تعریف یک متن دلخواه – جهت نمایش به کاربر در صورت عدم پشتیبانی مرورگر کاربر از تگ |
![]() |
مثال |
<noscript> | برای تعریف یک متن دلخواه – جهت نمایش به کاربر در صورت عدم پشتیبانی مرورگر کاربر از تگ |
– | مثال |
<object> | برای ایجاد یا تعریف پلاگین ها در صفحه وب | – | مثال |
<ol> | برای ایجاد یک لیست مرتب شده در صفحه وب | – | مثال |
<optgroup> | برای ایجاد یک عنوان از دسته یا گروهی از آیتم های لیست بازشو | – | مثال |
<option> | آیتم یا گزینه های لیست بازشو را مشخص میکند | – | مثال |
<output> | برای نمایش خروجی یک عمل انجام شده (مثله عمل ماشین حساب) | ![]() |
مثال |
<p> | برای ایجاد پاراگراف در یک صفحه وب | – | مثال |
<param> | برای تعریف پارامترهای پلاگین <object> | – | مثال |
<picture> | یک ظرف برای نگهداری مجموعه ای از تصاویر | ![]() |
مثال |
<plaintext> | برای ایجاد متن ساده و بدون هیچگونه قالب بندی | ![]() |
– |
<pre> | برای ایجاد یک محتوا با فرمت و قالب بندی دلخواه | – | مثال |
<progress> | برای نمایش میزان پیشرفت یک عمل/کار یا پروژه | ![]() |
مثال |
<q> | برای ایجاد یک نقل قول کوتاه | – | مثال |
<rp> | برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا | ![]() |
مثال |
<rt> | برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا | ![]() |
مثال |
<ruby> | برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا | ![]() |
مثال |
<s> | برای خط کشیدن بروی یک متن (یعنی اون متن تاریخ اعتبارش تموم شده) | – | مثال |
<samp> | برای نمایش یک خروجی مثله خروجی کامپیوتر | – | مثال |
<script> | برای تعریف یا استفاده از جاوااسکریپت در صفحه وب | – | مثال |
<section> | برای ایجاد یک بخش / قسمت در یک صفحه وب | ![]() |
مثال |
<select> | برای ایجاد یک لیست بازشو | – | مثال |
<small> | اندازه یک متن را کمی کوچکتر نمایش میدهد | – | مثال |
<source> | برای مشخص کردن سورس/منبع یک فایل چندرسانه ای | ![]() |
مثال |
<spacer> | برای ایجاد فضای خالی ( فاصله ) بصورت افقی و عمودی | ![]() |
– |
<span> | یک تگ Inline (اینلاینی) برای ایجاد محتوای درون خطی | – | مثال |
<strike> | برای خط کشیدن بروی یک متن | ![]() |
مثال |
<strong> | یک متن را برجسته یا کلفت میکند. ( با ارزش محتوایی بالا ) | – | مثال |
<style> | برای تعریف یا استفاده از دستورات CSS درون صفحه وب | – | مثال |
<sub> | برای ایجاد یک متن پایین نویس | – | مثال |
<summary> | برای ایجاد عنوان برای تگ <details> | ![]() |
مثال |
<sup> | برای ایجاد یک متن بالا نویس | – | مثال |
<svg> | یک ظرف برای نگهداری اشکال گرافیکی ایجاد شده توسط SVG | – | مثال |
<table> | برای ایجاد جدول در صفحه وب | – | مثال |
<tbody> | برای ایجاد بدنه اصلی یک جدول | – | مثال |
<td> | برای ایجاد سلول های یک جدول | – | مثال |
<template> | برای مخفی کردن محتوا در سمت کاربر ( Client ) | ![]() |
مثال |
<textarea> | برای ایجاد یک ناحیه متنی ( باکس متن ) برای دریافت اطلاعات | – | مثال |
<tfoot> | برای ایجاد فوتر یک جدول | – | مثال |
<th> | برای ایجاد هدر ستون های یک جدول | – | مثال |
<thead> | برای ایجاد هدر یک جدول | – | مثال |
<time> | برای ایجاد یک زمان – (تاریخ و ساعت) در یک صفحه وب | ![]() |
مثال |
<title> | برای ایجاد عنوان یک صفحه وب در مرورگرها و موتورهای جستجوگر | – | مثال |
<tr> | برای ایجاد سطرهای یک جدول | – | مثال |
<track> | برای ایجاد محتوای متنی یک رسانه (مثله زیرنویس ویدئو) | ![]() |
مثال |
<tt> | برای ایجاد یک متن تله تایپ | ![]() |
مثال |
<u> | برای خط کشیدن به زیر یک متن | – | مثال |
<ul> | برای ایجاد لیست های نامرتب | – | مثال |
<var> | برای تعریف متغیرها در صفحه وب | – | مثال |
<video> | برای گذاشتن ویدئو در صفحه وب | ![]() |
مثال |
<wbr> | جهت شکستن خط به سطر جدید | ![]() |
مثال |
<xmp> | این تگ در HTML منسوخ شده می باشد و دقیقا شبیه تگ pre عمل میکند. لذا شماهم بجای این تگ از تگ pre استفاده کنید. |
![]() |
– |