PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : فهرست کاربردی ترین کدهای html



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)