لیست کامل تگ های HTML بهمراه توضیح و مثال

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه لیست کامل تگ های HTML بهمراه توضیح و مثال با من همراه باشید.

لیست کامل تگ های HTML بهمراه توضیح و مثال

Free-Learn

لیست کامل تگ های HTML بهمراه توضیح و مثال

شما دوستان عزیز و محترم میتوانید در ادامه لیست کامل تگ های زبان HTML را بهمراه توضیح هر یک از این تگ ها و همچنین مثال آنلاین هر یک از این تگ هارو مشاهده نمایید.

در لیست زیر یک ستون وجود دارد که در آن علامتیعنی آن تگ در HTML5 یک تگ جدید/اضافه شده می باشد و علامتیعنی آن تگ در HTML5 منسوخ شده می باشد.

برای مشاهده مثال آنلاین هر یک از تگ ها ، لطفا بروی دکمه ( مثال ) که در لیست زیر وجود دارد کلیک نمایید تا بصورت آنلاین مثال آن تگ را مشاهده نمایید.

Free-Learn

تگ ها به ترتیب حروف الفبای انگلیسی می باشند

نام تگ توضیح 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 استفاده کنید.

لیست کامل تگ های HTML بهمراه توضیح و مثال

Free-Learn

دریافت PDF یا پرینت این مطلب