لیست کامل تگ های 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> برای برعکس کردن محتوا مثال
<big> اندازه یک متن را کمی بزرگتر میکند مثال
<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> قرار میگیرد مثال
<frameset> برای تعریف فریم ها در یک صفحه وب مثال
<h1> – <h6> برای ایجاد تگ های تیتر یا عنوان در صفحه وب مثال
<head> برای تعریف یا ایجاد قسمت هد یک صفحه وب مثال
<header> برای ایجاد هدر سایت مثال
<hr> یک خط افقی صاف برای جدا کردن محتوا از همدیگر مثال
<html> ریشه و ستون اصلی یک صفحه وب را تعریف میکند مثال
<i> متن را کمی کج نمایش میدهد مثال
<iframe> برای ایجاد فریم ها در صفحه وب (مثلا قرار دادن یک سایت در یک صفحه وب) مثال
<img> برای گذاشتن عکس / تصویر در صفحه وب مثال
<input> برای قرار دادن کنترل های ورودی در یک فرم مثال
<ins> یک خط به زیر محتوا میکشد مثال
<kbd> برای تعریف ورودی های صفحه کلید مثال
<label> تعریف یک لیبل یا برچسب برای کنترل های ورودی مثال
<legend> برای ایجاد یک عنوان/کپشن برای تگ <fieldset> مثال
<li> برای تعریف آیتم های یک لیست نامرتب یا مرتب مثال
<link> برای تعریف رابطه بین صفحه جاری و محتوای خارجی (صفحه یا فایلی که بهش لینک شده) مثال
<main> برای ایجاد بخش اصلی از یک صفحه وب مثال
<map> برای تعریف یک نقشه تصویری (تصویری که بروی آن تعدادی لینک وجود داشته باشد) مثال
<mark> ماژیک زرد – برای رنگی کردن محتوا مثال
<meta> برای تعریف متاداده ها در یک صفحه وب مثال
<meter> میتوان یک گیج (Gauge) اندازه گیری را در یک صفحه وب ایجاد کرد مثال
<nav> برای ایجاد منو – (میتونه منوی اصلی سایت باشه) مثال
<noframes> برای تعریف یک متن دلخواه – جهت نمایش به کاربر –
در صورت عدم پشتیبانی مرورگر کاربر از تگ
مثال
<noscript> برای تعریف یک متن دلخواه – جهت نمایش به کاربر –
در صورت عدم پشتیبانی مرورگر کاربر از تگ
مثال
<object> برای ایجاد یا تعریف پلاگین ها در صفحه وب مثال
<ol> برای ایجاد یک لیست مرتب شده در صفحه وب مثال
<optgroup> برای ایجاد یک عنوان از دسته یا گروهی از آیتم های لیست بازشو مثال
<option> آیتم یا گزینه های لیست بازشو را مشخص میکند مثال
<output> برای نمایش خروجی یک عمل انجام شده (مثله عمل ماشین حساب) مثال
<p> برای ایجاد پاراگراف در یک صفحه وب مثال
<param> برای تعریف پارامترهای پلاگین <object> مثال
<picture> برای ایجاد یک باکس از تصاویر در یک صفحه وب مثال
<pre> برای ایجاد یک محتوا با فرمت و قالب بندی دلخواه مثال
<progress> برای نمایش میزان پیشرفت یک عمل/کار یا پروژه مثال
<q> برای ایجاد یک نقل قول کوتاه مثال
<rp> برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا مثال
<rt> برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا مثال
<ruby> برای حاشیه نویسی در تایپوگرافی زبان های شرق آسیا مثال
<s> برای خط کشیدن بروی یک متن (یعنی اون متن تاریخ اعتبارش تموم شده) مثال
<samp> برای نمایش یک خروجی مثله خروجی کامپیوتر مثال
<script> برای تعریف یا استفاده از جاوااسکریپت در صفحه وب مثال
<section> برای ایجاد یک بخش / قسمت در یک صفحه وب مثال
<select> برای ایجاد یک لیست بازشو مثال
<small> اندازه یک متن را کمی کوچکتر نمایش میدهد مثال
<source> برای مشخص کردن سورس/منبع یک فایل چندرسانه ای مثال
<span> یک تگ Inline (اینلاینی) برای ایجاد محتوای درون خطی مثال
<strike> برای خط کشیدن بروی یک متن مثال
<strong> برای ایجاد یک متن مهم و با ارزش محتوایی بالا مثال
<style> برای تعریف یا استفاده از دستورات CSS درون صفحه وب مثال
<sub> برای ایجاد یک متن پایین نویس مثال
<summary> برای ایجاد عنوان برای تگ <details> مثال
<sup> برای ایجاد یک متن بالا نویس مثال
<svg> یک ظرف برای نگهداری اشکال گرافیکی مثال
<table> برای ایجاد جدول در صفحه وب مثال
<tbody> برای ایجاد بدنه اصلی یک جدول مثال
<td> برای ایجاد سلول های یک جدولس مثال
<template> برای مخفی کردن محتوا در سمت کاربر ( Client ) مثال
<textarea> برای ایجاد یک ناحیه متنی ( باکس متن ) برای دریافت اطلاعات مثال
<tfoot> برای ایجاد فوتر یک جدول مثال
<th> برای ایجاد هدر ستون های یک جدول مثال
<thead> برای ایجاد هدر یک جدول مثال
<time> برای ایجاد یک زمان – (تاریخ و ساعت) در یک صفحه وب مثال
<title> برای ایجاد عنوان یک صفحه وب در مرورگرها و موتورهای جستجوگر مثال
<tr> برای ایجاد سطرهای یک جدول مثال
<track> برای ایجاد محتوای متنی یک رسانه (مثله زیرنویس ویدئو) مثال
<tt> برای ایجاد یک متن تله تایپ مثال
<u> برای خط کشیدن به زیر یک متن مثال
<ul> برای ایجاد لیست های نامرتب مثال
<var> برای تعریف متغیرها در صفحه وب مثال
<video> برای گذاشتن ویدئو در صفحه وب مثال
<wbr> جهت شکستن خط به سطر جدید مثال

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

Free-Learn