فهرست جامع تگ های html + دانلود فایل pdf جدید 1401
معرفی لیست کامل تگ های html + دانلود pdf تگ های html
در این مقاله از سایت آموزی قصد داریم یک مرجع کاربردی در زبان اچ تی ام ال را جهت آموزش طراحی سایت رونمایی کنیم.
لذا کلیه تگهای html را به شما همراهان گرامی معرفی کنیم. به همین منظور در ابتدا جدولی که شامل معرفی لیست کامل عناصر html می باشد را تدارک دیدیم.
لیست تگ های html براساس W3C آمریکا
منظور یادگیری بهتر شما عزیزان در انتهای جدول مربوطه دانلود pdf المان های html قرار دارد. شما با در اختیار داشتن لیست کامل تگهای html همه تگ ها را در یک صفحه خواهید داشت.
کلیه عناصر منسوخ اچ تی ام ال و تگ های جدید HTML5
همچنین علاوه بر معرفی لیست کامل عناصر html ، با دانلود pdf تگهای html یک کتاب الکترونیکی از کل تگ ها دارید. همچنین در این مقاله توضیحی کوتاه روبروی تگ معرفی شده در مورد کاربرد آن تگ html آمده است. در این پست مفید شما با کلیه عناصر جدید در HTML5 آشنا می شوید. همچنین عناصر منسوخ در سند HTML5 نیز معرفی شده و کاربرد آنها در گذشته توضیح داده شده است.
نام تگ |
کاربرد تگ های html |
|---|---|
<!–…–> |
کامنت گذاری در HTML |
<!DOCTYPE> |
تعیین ورژن HTML5 |
<a> |
ساخت لینک |
<abbr> |
مختصرنویسی و مخفف کردن |
<acronym> |
عنصر مختصرنویسی و منسوخ در HTML5 |
<address> |
تگ مخصوص اطلاعات تماسی در HTML5 |
<applet> |
عنصر منسوخ در HTML5 ، عناصر جایگزین embed و object |
<area> |
تگی برای تعریف نواحی رو تصویر نقشه |
<article> |
تگ تعریف یک پست ( مقاله )
( عنصر جدید HTML5 ) |
<aside> |
تگ تعریف سکشن های سایدبار
( المان جدید HTML5 ) |
<audio> |
تعریف یک محتوای صوتی در صفحه وب
( عنصر جدید HTML5 ) |
<b> |
عنصری که متن را در سند html برجسته می کند. |
<base> |
ساخت یک url پایه برای تمام url های مرتبط در سند html |
<basefont> |
تگ منسوخ در HTML5 ( جهت ویژگی های فونت )
تگ های html |
<bdi> |
جهت دادن به متن یا کاراکتراهایی که خارج از زبان اصلی صفحه هستند
( عنصر جدید HTML5 ) |
<bdo> |
تگی که جهت فعلی متن را نادیده می گیرد. |
<big> |
عنصر منسوخ در HTML5 ( جهت سایز بزرگ متن ) |
<blockquote> |
یک نقل قول بلند در html تعریف می کند. |
<body> |
بدنه سایت کلیه عناصر بصری سند html داخل خود قرار می دهد. |
<br> |
یکی از تگ های html جهت شکست یک خط به پایین |
|
|
یک دکمه در html تعریف می کند.
( عنصر جدید در HTML5 ) |
<canvas> |
تگ ترسیم های گرافیکی که معمولا با اسکریپت جاوااسکریپت همراه است
( عنصر جدید HTML5 ) |
<caption> |
تگ عنوان برای جدول در سند html |
<center> |
عنصر منسوخ در HTML5 ( وسط چین کردن متن ) |
<cite> |
تگ مشخص کننده عنوان یک کار در html |
<code> |
عنصری که یک تکه کد کامپیوتری در html می سازد. |
<col> |
تعریف سلول خاص در جدول html |
<colgroup> |
عنصری جهت تعیین گروهی از سلول های جدول html |
<data> |
ارتباط بین زبان قابل ترجمه توسط ماشین و محتوا
( عنصر جدید در HTML5 ) |
<datalist> |
تگ سازنده لیستی مخصوص که آپشن های آن با تگ input کنترل می شود.
( عنصر جدید HTML5 ) |
<dd> |
لیست های توصیفی در html را تعریف می کند. |
<del> |
تگی که با کشیدن یک خط روی متنی که میخواهید delete شود کاربرد دارد |
<details> |
تگی برای تعریف جزییات اضافی در سند html
( تگ جدید HTML5 ) |
<dfn> |
تعریف یک نوع اصطلاح در سند اچ تی ام ال |
<dialog> |
تعریف یک دیالوگ در سند html
( عنصر جدید در HTML5 ) |
<dir> |
تگ منسوخ در HTML5 ، تگ جایگزین ul |
<div> |
تعریف بخش یا سکشن های مختلف در یک سند html |
<dl> |
یکی از گروه تگ های سازنده لیست تعریفی |
<dt> |
یکی از گروه تگ های سازنده لیست تعریفی |
<em> |
ایتالیک یا کج کردن متن در html |
<embed> |
نگهداری محتوایی خارج از صفحه وب مثل فلش و pdf
( عنصر جدید HTML5 ) |
<fieldset> |
تگ مرتبط کننده گروه تگ ها درون تگ form |
<figcaption> |
عنوان یک تصویر ، دیاگرام ، لیست و… را در زمان استفاده از تگ figure مشخص می کند.
( عنصر جدید HTML5 ) |
<figure> |
جهت تعیین محتوای مجزا همچون عکس ها، دیاگرام ها ، لیست ها و…
( عنصر جدید در HTML5 ) |
<font> |
تگ منسوخ در HTML5 ( جهت استایل دهی به فونت ها همچون تعیین رنگ ، تعیین سایز و… ) |
|
|
یک فوتر یا پابرگ در سند html تعریف می کند.
( عنصر جدید در HTML5 ) |
<form> |
یکی از تگ های html که یک فرم در سند اچ تی ام ال تعریف می کند. |
<frame> |
عنصر منسوخ در HTML5 ( یک قاب یا پنجره جدید در داخل یک تگ frameset در سند html می سازد. ) |
<frameset> |
عنصر منسوخ در HTML5 ( یک قاب یا frame درون سند html تعریف می کند. ) |
<h1> to <h6> |
تعریف هدینگ به ترتیب اولویت از h1 تا h6 در سند html |
<head> |
تگ مرجع که اطلاعات کلی از سند و تمام المان های درون Head را شامل میشود |
<header> |
تعریف یک هدر برای سند html
( عنصر جدید در HTML5 ) |
<hr> |
تگی جهت کشیدن خط جداکننده دو محتوا در html |
<html> |
عنصر ریشه سند html که در برگیرنده همه تگ هاست |
<i> |
تگ تعریف کننده بخشی از متن را با صدا یا حالتی متناوب |
<iframe> |
از این تگ، برای تعریف فریم یا یک پنجره در سند html استفاده می شود. |
<img> |
تگ سازنده تصاویر در سند html |
<input> |
تگ سازنده انواع کنترل های درون تگ form |
<ins> |
تگی جهت تعریف قطعه متن جدید با کشیدن خطی زیر آن |
<kbd> |
یک تگ عبارتی و تعریف کننده ورودی صفحه کلید |
<label> |
تگ تعریف کننده یک عنوان درون تگ input |
<legend> |
یک عنوان یا caption برای تگ fieldset تعیین می کند. |
<li> |
تگی برای تعیین آیتم های لیست های مرتب و نامرتب |
<link> |
یک تگ ارتباطی بین یک فایل خارجی و صفحه مورد نظر است |
<main> |
عنصری که محتوای اصلی صفحه وب را در خود جای می دهد.
( تگ جدید در HTML5 ) |
<map> |
یک نقشه تصویری در html تعریف می کند. |
<mark> |
تگ برجسته کننده بخشی از متن در سند html
( عنصر جدید در HTML5 ) |
|
|
یک منو یا لیست از دستورات تعریف می کند.
( تگ منسوخ در HTML5 ) |
|
|
یک منوی زمینه با عناصر مختلف می سازد.
( تگ منسوخ در HTML5 ) |
<meta> |
اطلاعات و داده هایی درباره سند HTML تعریف می کند. |
<meter> |
این تگ برای نمایش یک مقدار اندازه گیری عددی یا درصدی بصورت گرافیکی کاربرد دارد.
( تگ جدید در HTML5 ) |
|
|
تگ دربرگیرنده منوها در سند html
( عنصر جدید در HTML5 ) |
<noframes> |
عنصر منسوخ در HTML5 ( المان جایگزین برای مرورگرهایی که از تگ frame پشتیبانی نمی کنند ) |
<noscript> |
این تگ برای مرورگر هایی که script را پشتیبانی نمی کنند کاربرد دارد |
<object> |
این تگ برای پیوند یک شی خارجی مثل فایل های صوتی ، تصویری و… به سند html کاربرد دارد. |
<ol> |
تگ تعریف کننده یک لیست مرتب |
<optgroup> |
این تگ جهت گروه بندی option ها در لیست کشویی سند html کاربرد دارد. |
<option> |
تعریف آیتم های لیست های کشوئی در سند html |
<output> |
تگ نمایش خروجی یک عمل محاسباتی در سند html
( عنصر جدید در HTML5 ) |
<p> |
یک پاراگراف در صفحه وب درج می کند. |
<param> |
تعریف پارامترهای تگ object در سند html |
<picture> |
تگی جهت ایجاد یک ظرف یا container برای منابع چندگانه تصاویر ریسپانسیو |
<pre> |
این تگ متن را بصورت preformatted نمایش می دهد |
<progress> |
تگی برای نمایش فرایند پیشرفت یک پروسه
( عنصر جدید در HTML5 ) |
<q> |
تگ تعریف کننده یک نقل قول کوتاه در سند html |
<rp> |
تگی برای نمایش تلفظ کاراکترهای زبان های آسیای شرقی
( عنصر جدید در HTML5 ) |
<rt> |
یکی از تگ های html برای نمایش تلفظ کاراکترهای زبان های آسیای شرقی( عنصر جدید در HTML5 ) |
<ruby> |
تگی برای نمایش تلفظ کاراکترهای زبان های آسیای شرقی
( عنصر جدید در HTML5 ) |
<s> |
متن غلط و نامناسب را تعیین می کند. |
<samp> |
یک تگ عبارتی برای مشخص کردن نمونه خروجی از یک برنامه کامپیوتری |
<script> |
تگی برای نمایش برنامه نویسی های اسکریپتی در سند html |
<section> |
تگ تعیین یک بخش یا قسمت مجزا در یک سند html
( عنصر جدید در HTML5 ) |
<select> |
این تگ برای ایجاد یک لیست کشویی ( |
<small> |
تگی برای کوچکتر نشان دادن متن در سند html |
<source> |
تعیین منابع چند رسانه ای برای عناصر video و audio
( عنصر جدید در HTML5 ) |
<span> |
تگی برای تقسیم بندی متون موجود در سند html |
<strike> |
یک متن خط خورده در html تعریف می کند.
( عنصر منسوخ در HTML5 ) |
<strong> |
عنصری که متن را در سند HTML بولد می کند. |
<style> |
تگی برای مشخص کردن استایل ها در سند HTML |
<sub> |
این تگ متن را به صورت زیرنویس در سند HTML تعریف می کند |
<summary> |
این تگ یک عنوان قابل مشاهده برای تگ details تعریف می کند.
( عنصر جدید در HTML5 ) |
<sup> |
این تگ متن را به صورت بالانویس در سند HTML تعریف می کند. |
<svg>
|
تگی برای تعریف فایل های گرافیکی وب
( عنصر جدید در HTML5 ) |
<table> |
یک جدول در سند html تعریف می کند. |
<tbody> |
بدنه جدول اچ تی ام ال را می سازد. |
<td> |
تگ سازنده ستون های جدول در سند html |
<template> |
یک تمپلیت برای ساختار DOM در سند HTML تعریف می کند.
( عنصر جدید در HTML5 ) |
<textarea> |
یک جعبه پیغام را در سند html می سازد. |
<tfoot> |
پابرگ جدول html را تعریف می کند. |
<th> |
یک هدر در سلول جدول سند html می سازد. |
<thead> |
تگ در برگیرنده گروهی از محتوای هدر جدول |
<time> |
زمان را در سند html تعیین می کند.
( عنصر جدید در HTML5 ) |
<title> |
عنوان سایت را در تب بالای پنجره مرورگر تعریف می کند. |
<tr> |
ردیف های جدول در سند html را می سازد. |
<track> |
متن صوت را در عناصر video و audio تعریف می کند.
( عنصر جدید در HTML5 ) |
<tt> |
این تگ متن را به صورت teletype مشخص می کند |
<u> |
متن زیر خط دار در سند html تعریف می کند. |
<ul> |
یک لیست غیر ترتیبی یا نامرتب می سازد. |
<var> |
برای تعریف متغیر در یک سند html |
<video> |
یک محتوای تصویری در سند html تعریف می کند.
( عنصر جدید در HTML5 ) |
<wbr> |
از شکست کلمات طولانی در جای نامناسب جلوگیری می کند.
( عنصر جدید در HTML5 ) |
در این قسمت فایل دانلود pdf تگ های html را جهت استفاده شما عزیزان قرار داده ایم:
با دانلود تگ های html pdf همواره مجموعه کاملی از معرفی لیست کامل عناصر html را به همراه توضیح مختصری در مورد کاربرد تگ در قالب یک فایل برای همیشه در اختیار دارید.
دانلود تگ های html با مثال pdf بصورت یک فایل جدولی یک کتاب الکترونیک از کلیه تگهای html به شما ارائه می دهد.
مزیت های مقاله مرجع تگ های html در طراحی سایت
مقاله معرفی لیست کامل تگ های اصلی html به عنوان مقاله بنیادی به مقالات کاربردی زیادی تفکیک می گردد.
شاید برایتان جالب باشد که تگ های html در سئو نیز تاثیرگذار هستند. استفاده بهینه و استاندارد براساس آخرین نسخه تگ های html5 برای ربات های جستجوگر گوگل اهمیت بالایی دارد.
در لیست تگ های html این صفحه، تگ های meta از اهمیت بیشتر برای دادن اطلاعات به ربات موتور جستجو و مرورگر وب برخوردار هستند.
همچنین شما می توانید در مقاله دانلود رایگان آموزش طراحی سایت از دوره های رایگان ما در سایت آموزی باخبر شوید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
لینک دسترسی به صفحات کاربردی html و css در w3schools:
تگ های HTML در W3school , صفات CSS در W3schools
معرفی لیست کامل تگ های html + دانلود pdf تگهای اچ تی ام ال – اختصاصی سایت آموزی
11 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
عالی بود ممنونم
خیلی خیلی ممنون از توضیحاتتون
بسیار عالی
چون همراه با مثال های خوب کاربردی بود
و تغییرات رو هم ذکر کردین
بسیار عالی است برای این که تگ های html را یاد بگیریم
امیدواریم برای همه شما کاربران گرامی مفید واقع شود.
با سلام و تشکر از آموزش
متأسفانه لینک دانلود پی دی اف مشکل دارد.
سلام وقت شما بخیر لینک دانلود تگ های html اصلاح شد… با تشکر از شما…
با عرض سلام
تشکر میکنم از قرار دادن این مطلب، مثل cheatsheet فارسی میشه ازش استفاده کرد. با اجازه شما از این مطلب با ذکر منبع در وبلاگ شخصی خودم به آدرس emok.ir استفاده میکنم. موفق و سلامت باشید.
اینکه پسوندش پی دی اف نیست!
درود بر شما… اصلاح شد…
سلام خسته نباشین واقعامفیدبود
ممنون
درود خیلی ممنون از زحماتتون
واقعا کاربردی بود