admin
07-03-2024, 09:55 AM
دراین پست دسته بندی تعدادی از پرکاربردترین کدهایhtml موردنیاز هروبمستر وطراحی قرارداده میشود
نام تگ
توضیح
مثال
تگ های پایه
<!DOCTYPE>
برای مشخص کردن نوع یا نسخه صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<html>
برای تعریف ریشه و ستون اصلی یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_head_T1.php)
<head>
برای تعریف قسمت هد یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<meta>
برای تعریف متاداده ها در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T1.php)
<title>
برای تعریف عنوان صفحه در مرورگرها و نتایج موتورهای جستجوگر
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<body>
برای ایجاد بدنه / ستون اصلی یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<h1> – <h6>
برای تعریف تگ های تیتر یا عنوان در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Headings_T1.php)
<p>
برای ایجاد پاراگراف در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Paragraphs_T2.php)
<br>
برای شکستن متن و رفتن به سطر جدید
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Paragraphs_T3.php)
<hr>
یک خط افقی برای جدا کردن بخش ها از همدیگر
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_hr_T1.php)
<!–…–>
برای تعریف توضیحات در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Comments_T1.php)
مربوط به قالب بندی متن
<abbr>
برای تعریف مخفف ها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_abbr_T1.php)
<address>
برای تعریف اطلاعات تماس نویسنده
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_address_T1.php)
<b>
برای برجسته یا Bold کردن متن
( بدون هیچ ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_b_T1.php)
<bdi>
برای تعریف جهت متن / محتوا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_bdi_T1.php)
<bdo>
برای برعکس کردن متن
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_bdo_T1.php)
<blockquote>
برای تعریف نقل قول های بلند از یک منبع خارجی
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_blockquote_T1.php)
<cite>
برای تعریف نام یک اثر، کتاب ، فیلم ، موسیقی و…
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_cite_T1.php)
<code>
برای قرار دادن کد ( مثلا دستورات html ) در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_code_T1.php)
<del>
برای حذف کردن محتوا از صفحه
( روش خط کشیده میشه )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_del_T1.php)
<dfn>
میتوان اصطلاحات رو در یک صفحه وب تعریف کرد
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_dfn_T2.php)
<em>
برای تاکید کردن بروی یک محتوا
( دارای ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_em_T1.php)
<i>
برای کج / شکسته کردن متن
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T6.php)
<ins>
یک خط به زیر محتوا میکشد
( دارای ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ins_T1.php)
<kbd>
برای تعریف ورودی های صفحه کلید در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_kbd_T1.php)
<mark>
برای رنگی کردن محتوا
( رنگ زرد یا ماژیک فسفری )
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T12.php)
<meter>
میتوان یک گیج ( Gauge ) اندازه گیری را ایجاد کرد
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_high_T1.php)
<progress>
برای نمایش میزان پیشرفت کار ( پروژه و.. )
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_max_T1.php)
<q>
برای ایجاد نقل قول کوتاه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_q_T1.php)
<rp>
برای مشخص کردن علائم نگارشی زبان های شرق آسیا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ruby_T1.php)
<rt>
برای مشخص کردن علائم نگارشی زبان های شرق آسیا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ruby_T1.php)
<ruby>
برای مشخص کردن علائم نگارشی زبان های شرق آسیا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ruby_T1.php)
<s>
برای خط کشیدن بروی یک متن
( یعنی اون متن تاریخ اعتبارش تموم شده )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_s_T1.php)
<samp>
برای نمایش خروجی یک برنامه کامپیوتری در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_samp_T1.php)
<small>
اندازه یک متن را کمی کوچکتر نمایش میده
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_small_T1.php)
<strong>
یک متن رو برجسته یا Bold میکنه
( دارای ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T5.php)
<sub>
برای ایجاد یک متن پایین نویس
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T8.php)
<sup>
برای ایجاد یک متن بالا نویس
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T9.php)
<pre>
برای ایجاد یک محتوا با قالب بندی دلخواه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_pre_T1.php)
<template>
برای مخفی کردن محتوا در هنگام بارگذاری صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_template_T1.php)
<time>
برای تعریف زمان ( تاریخ و ساعت ) در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_time_T1.php)
<u>
برای خط کشیدن به زیر یک متن
( بدون هیچ ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_u_T1.php)
<var>
برای تعریف متغیرها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_var_T1.php)
<wbr>
جهت شکستن متن به سطر جدید
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_wbr_T1.php)
فرم ها و اینپوت ها
<form>
برای ایجاد یک یا چندین فرم در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T2.php)
<input>
برای قرار دادن اینپوت ها در فرم
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T2.php)
<textarea>
برای ایجاد یک باکس متن / پیغام
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T6.php)
<button>
برای ایجاد یک دکمه قابل کلیک
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_button_T1.php)
<select>
برای ایجاد یک لیست بازشو
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_select_T1.php)
<option>
خوده آیتم های لیست بازشو را مشخص میکند
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T4.php)
<optgroup>
برای دسته بندی آیتم های یک لیست بازشو
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_optgroup_T1.php)
<label>
برای تعریف لیبل برای اینپوت های داخل فرم
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T3.php)
<fieldset>
برای گروه بندی تگ های داخل فرم
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T9.php)
<legend>
برای ایجاد یک عنوان برای تگ <fieldset>
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T9.php)
<datalist>
برای تعریف یک لیست از گزینه های از پیش تعریف شده
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T10.php)
<output>
برای نمایش خروجی یک عمل انجام شده
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T11.php)
مربوط به فریم (قاب یا پنجره ها)
<iframe>
برای ایجاد فریم ها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Iframes_T1.php)
<embed>
برای قرار دادن عکس ، ویدئو، PDF و.. در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_embed_T1.php)
<object>
برای قرار دادن عکس ، ویدئو، PDF و.. در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_object_T1.php)
<param>
برای تعریف پارامترهای تگ <object>
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_name_T2.php)
مربوط به تصاویر
<img>
برای گذاشتن عکس / تصویر در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_attributes_T4.php)
<map>
برای تعریف یک نقشه تصویری
( تصویری که بروی آن تعدادی لینک وجود داشته باشد )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_map_T1.php)
<area>
تعریف ناحیه های قابل کلیک در یک نقشه تصویری
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_area_T1.php)
<canvas>
یک ظرف برای نگهداری اشکل گرافیکی ایجاد شده توسط جاوا اسکریپت
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_canvas_T1.php)
<figure>
برای تعریف شکل ها ، تصاویر ، نمودار ها و.. در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_figcaption_T1.php)
<figcaption>
برای ایجاد یک عنوان برای تگ <figure>
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_figcaption_T1.php)
<picture>
یک ظرف برای نگهداری چندین عکس / تصویر
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_picture_T1.php)
<svg>
یک ظرف برای نگهداری اشکال گرافیکی ایجاد شده توسط SVG
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_svg_T2.php)
مربوط به رسانه (موزیک و ویدئو)
<audio>
برای گذاشتن آهنگ ( فایل صوتی ) در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_audio_T1.php)
<video>
برای گذاشتن ویدئو در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Video_T1.php)
<track>
برای ایجاد محتوای متنی یک رسانه
( مثلا زیرنویس ویدئو )
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Video_T8.php)
<source>
برای مشخص کردن مسیر فایل برای تگ های چندرسانه
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_audio_T1.php)
مربوط به لینک ها
<a>
برای تعریف لینک ها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_attributes_T1.php)
<link>
برای وصل کردن فایل CSS به فایل HTML
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_css_in_html_T3.php)
<base>
برای تعریف آدرس لینک پایه در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_base_T1.php)
<nav>
برای تعریف منو ها در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_nav_T1.php)
مربوط به لیست ها
<ul>
برای ایجاد لیست های نامرتب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T1.php)
<ol>
برای ایجاد یک لیست مرتب شده
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T5.php)
<li>
برای تعریف آیتم های یک لیست مرتب یا نامرتب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T1.php)
<dl>
برای ایجاد یک لیست توضیحی
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T12.php)
<dt>
برای ایجاد آیتم های یک لیست توضیحی
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T12.php)
<dd>
برای تعریف توضیحات آیتم های یک لیست توضیحی
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T12.php)
مربوط به جدول ها
<table>
برای ایجاد جدول در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<caption>
تعریف کپشن برای یک جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_caption_T1.php)
<tbody>
برای ایجاد بدنه محتوای جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_thead_T1.php)
<td>
برای ایجاد سلول های یک جدول
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<tfoot>
برای ایجاد فوتر جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_thead_T1.php)
<th>
برای ایجاد ستون های جدول
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<thead>
برای ایجاد هدر جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_thead_T1.php)
<tr>
برای ایجاد سطرهای یک جدول
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<col>
برای انتخاب گروهی ستون های جدول
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_span_T1.php)
<colgroup>
برای انتخاب گروهی ستون های جدول
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_span_T1.php)
مربوط به استایل و تگ های معنایی یا Semantic
<style>
برای تعریف دستورات CSS درون صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_css_in_html_T2.php)
<div>
ظرفی برای نگهداری دیگر تگ های HTML
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_div_T2.php)
<span>
یک تگ Inline برای ایجاد محتوای درون خطی
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_span_T1.php)
<header>
تعریف هدر برای یک بخش خاص یا کل صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_header_T1.php)
<footer>
تعریف فوتر برای یک بخش خاص یا کل صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_header_T1.php)
<main>
برای ایجاد بخش اصلی در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_main_T1.php)
<section>
برای تعریف یک بخش / قسمت در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_section_T1.php)
<article>
برای تعریف مقاله / مطالب در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_article_T1.php)
<aside>
برای تعریف محتوای مرتبط با محتوای اصلی سایت
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_aside_T1.php)
<details>
برای ایجاد یک باکس محتوا بصورت بازشو
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_details_T1.php)
<dialog>
برای ایجاد یک پنجره دیالوگ ( پاپ آپ یا مودال )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_dialog_T1.php)
<summary>
برای ایجاد عنوان برای تگ <details>
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_details_T1.php)
<data>
برای ایجاد یک محتوای قابل درک برای موتورهای جستجوگر و…
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_data_T1.php)
مربوط به اسکریپت ها
<script>
برای تعریف / ایجاد دستورات جاوا اسکریپت در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_JavaScript_T1.php)
نام تگ
توضیح
مثال
تگ های پایه
<!DOCTYPE>
برای مشخص کردن نوع یا نسخه صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<html>
برای تعریف ریشه و ستون اصلی یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_head_T1.php)
<head>
برای تعریف قسمت هد یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<meta>
برای تعریف متاداده ها در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T1.php)
<title>
برای تعریف عنوان صفحه در مرورگرها و نتایج موتورهای جستجوگر
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<body>
برای ایجاد بدنه / ستون اصلی یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Head_T7.php)
<h1> – <h6>
برای تعریف تگ های تیتر یا عنوان در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Headings_T1.php)
<p>
برای ایجاد پاراگراف در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Paragraphs_T2.php)
<br>
برای شکستن متن و رفتن به سطر جدید
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Paragraphs_T3.php)
<hr>
یک خط افقی برای جدا کردن بخش ها از همدیگر
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_hr_T1.php)
<!–…–>
برای تعریف توضیحات در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Comments_T1.php)
مربوط به قالب بندی متن
<abbr>
برای تعریف مخفف ها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_abbr_T1.php)
<address>
برای تعریف اطلاعات تماس نویسنده
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_address_T1.php)
<b>
برای برجسته یا Bold کردن متن
( بدون هیچ ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_b_T1.php)
<bdi>
برای تعریف جهت متن / محتوا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_bdi_T1.php)
<bdo>
برای برعکس کردن متن
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_bdo_T1.php)
<blockquote>
برای تعریف نقل قول های بلند از یک منبع خارجی
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_blockquote_T1.php)
<cite>
برای تعریف نام یک اثر، کتاب ، فیلم ، موسیقی و…
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_cite_T1.php)
<code>
برای قرار دادن کد ( مثلا دستورات html ) در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_code_T1.php)
<del>
برای حذف کردن محتوا از صفحه
( روش خط کشیده میشه )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_del_T1.php)
<dfn>
میتوان اصطلاحات رو در یک صفحه وب تعریف کرد
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_dfn_T2.php)
<em>
برای تاکید کردن بروی یک محتوا
( دارای ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_em_T1.php)
<i>
برای کج / شکسته کردن متن
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T6.php)
<ins>
یک خط به زیر محتوا میکشد
( دارای ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ins_T1.php)
<kbd>
برای تعریف ورودی های صفحه کلید در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_kbd_T1.php)
<mark>
برای رنگی کردن محتوا
( رنگ زرد یا ماژیک فسفری )
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T12.php)
<meter>
میتوان یک گیج ( Gauge ) اندازه گیری را ایجاد کرد
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_high_T1.php)
<progress>
برای نمایش میزان پیشرفت کار ( پروژه و.. )
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_max_T1.php)
<q>
برای ایجاد نقل قول کوتاه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_q_T1.php)
<rp>
برای مشخص کردن علائم نگارشی زبان های شرق آسیا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ruby_T1.php)
<rt>
برای مشخص کردن علائم نگارشی زبان های شرق آسیا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ruby_T1.php)
<ruby>
برای مشخص کردن علائم نگارشی زبان های شرق آسیا
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_ruby_T1.php)
<s>
برای خط کشیدن بروی یک متن
( یعنی اون متن تاریخ اعتبارش تموم شده )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_s_T1.php)
<samp>
برای نمایش خروجی یک برنامه کامپیوتری در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_samp_T1.php)
<small>
اندازه یک متن را کمی کوچکتر نمایش میده
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_small_T1.php)
<strong>
یک متن رو برجسته یا Bold میکنه
( دارای ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T5.php)
<sub>
برای ایجاد یک متن پایین نویس
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T8.php)
<sup>
برای ایجاد یک متن بالا نویس
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Formatting_Text_T9.php)
<pre>
برای ایجاد یک محتوا با قالب بندی دلخواه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_pre_T1.php)
<template>
برای مخفی کردن محتوا در هنگام بارگذاری صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_template_T1.php)
<time>
برای تعریف زمان ( تاریخ و ساعت ) در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_time_T1.php)
<u>
برای خط کشیدن به زیر یک متن
( بدون هیچ ارزش محتوایی )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_u_T1.php)
<var>
برای تعریف متغیرها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_var_T1.php)
<wbr>
جهت شکستن متن به سطر جدید
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_wbr_T1.php)
فرم ها و اینپوت ها
<form>
برای ایجاد یک یا چندین فرم در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T2.php)
<input>
برای قرار دادن اینپوت ها در فرم
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T2.php)
<textarea>
برای ایجاد یک باکس متن / پیغام
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T6.php)
<button>
برای ایجاد یک دکمه قابل کلیک
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_button_T1.php)
<select>
برای ایجاد یک لیست بازشو
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_select_T1.php)
<option>
خوده آیتم های لیست بازشو را مشخص میکند
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T4.php)
<optgroup>
برای دسته بندی آیتم های یک لیست بازشو
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_optgroup_T1.php)
<label>
برای تعریف لیبل برای اینپوت های داخل فرم
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T3.php)
<fieldset>
برای گروه بندی تگ های داخل فرم
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T9.php)
<legend>
برای ایجاد یک عنوان برای تگ <fieldset>
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T9.php)
<datalist>
برای تعریف یک لیست از گزینه های از پیش تعریف شده
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T10.php)
<output>
برای نمایش خروجی یک عمل انجام شده
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Forms_T11.php)
مربوط به فریم (قاب یا پنجره ها)
<iframe>
برای ایجاد فریم ها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Iframes_T1.php)
<embed>
برای قرار دادن عکس ، ویدئو، PDF و.. در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_embed_T1.php)
<object>
برای قرار دادن عکس ، ویدئو، PDF و.. در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_object_T1.php)
<param>
برای تعریف پارامترهای تگ <object>
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_name_T2.php)
مربوط به تصاویر
<img>
برای گذاشتن عکس / تصویر در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_attributes_T4.php)
<map>
برای تعریف یک نقشه تصویری
( تصویری که بروی آن تعدادی لینک وجود داشته باشد )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_map_T1.php)
<area>
تعریف ناحیه های قابل کلیک در یک نقشه تصویری
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_area_T1.php)
<canvas>
یک ظرف برای نگهداری اشکل گرافیکی ایجاد شده توسط جاوا اسکریپت
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_canvas_T1.php)
<figure>
برای تعریف شکل ها ، تصاویر ، نمودار ها و.. در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_figcaption_T1.php)
<figcaption>
برای ایجاد یک عنوان برای تگ <figure>
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_figcaption_T1.php)
<picture>
یک ظرف برای نگهداری چندین عکس / تصویر
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_picture_T1.php)
<svg>
یک ظرف برای نگهداری اشکال گرافیکی ایجاد شده توسط SVG
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_svg_T2.php)
مربوط به رسانه (موزیک و ویدئو)
<audio>
برای گذاشتن آهنگ ( فایل صوتی ) در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_audio_T1.php)
<video>
برای گذاشتن ویدئو در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Video_T1.php)
<track>
برای ایجاد محتوای متنی یک رسانه
( مثلا زیرنویس ویدئو )
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Video_T8.php)
<source>
برای مشخص کردن مسیر فایل برای تگ های چندرسانه
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_audio_T1.php)
مربوط به لینک ها
<a>
برای تعریف لینک ها در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_attributes_T1.php)
<link>
برای وصل کردن فایل CSS به فایل HTML
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_css_in_html_T3.php)
<base>
برای تعریف آدرس لینک پایه در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_base_T1.php)
<nav>
برای تعریف منو ها در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_nav_T1.php)
مربوط به لیست ها
<ul>
برای ایجاد لیست های نامرتب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T1.php)
<ol>
برای ایجاد یک لیست مرتب شده
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T5.php)
<li>
برای تعریف آیتم های یک لیست مرتب یا نامرتب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T1.php)
<dl>
برای ایجاد یک لیست توضیحی
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T12.php)
<dt>
برای ایجاد آیتم های یک لیست توضیحی
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T12.php)
<dd>
برای تعریف توضیحات آیتم های یک لیست توضیحی
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Lists_T12.php)
مربوط به جدول ها
<table>
برای ایجاد جدول در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<caption>
تعریف کپشن برای یک جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_caption_T1.php)
<tbody>
برای ایجاد بدنه محتوای جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_thead_T1.php)
<td>
برای ایجاد سلول های یک جدول
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<tfoot>
برای ایجاد فوتر جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_thead_T1.php)
<th>
برای ایجاد ستون های جدول
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<thead>
برای ایجاد هدر جدول
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_thead_T1.php)
<tr>
برای ایجاد سطرهای یک جدول
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_Tables_T2.php)
<col>
برای انتخاب گروهی ستون های جدول
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_span_T1.php)
<colgroup>
برای انتخاب گروهی ستون های جدول
مثال (https://files.free-learn.ir/Tryitself/html/private_attribute/Tryit_att_span_T1.php)
مربوط به استایل و تگ های معنایی یا Semantic
<style>
برای تعریف دستورات CSS درون صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_css_in_html_T2.php)
<div>
ظرفی برای نگهداری دیگر تگ های HTML
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_div_T2.php)
<span>
یک تگ Inline برای ایجاد محتوای درون خطی
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_span_T1.php)
<header>
تعریف هدر برای یک بخش خاص یا کل صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_header_T1.php)
<footer>
تعریف فوتر برای یک بخش خاص یا کل صفحه
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_header_T1.php)
<main>
برای ایجاد بخش اصلی در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_main_T1.php)
<section>
برای تعریف یک بخش / قسمت در یک صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_section_T1.php)
<article>
برای تعریف مقاله / مطالب در صفحه وب
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_article_T1.php)
<aside>
برای تعریف محتوای مرتبط با محتوای اصلی سایت
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_aside_T1.php)
<details>
برای ایجاد یک باکس محتوا بصورت بازشو
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_details_T1.php)
<dialog>
برای ایجاد یک پنجره دیالوگ ( پاپ آپ یا مودال )
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_dialog_T1.php)
<summary>
برای ایجاد عنوان برای تگ <details>
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_details_T1.php)
<data>
برای ایجاد یک محتوای قابل درک برای موتورهای جستجوگر و…
مثال (https://files.free-learn.ir/Tryitself/html/tags/Tryit_tags_data_T1.php)
مربوط به اسکریپت ها
<script>
برای تعریف / ایجاد دستورات جاوا اسکریپت در صفحه
مثال (https://files.free-learn.ir/Tryitself/html/learn/Tryit_html_JavaScript_T1.php)