تاریخ بروزرسانی : شنبه 25 خرداد 1398 |
تعداد بازدید : 29 |
گروه دوره : برنامه نویسی وب |
زمان خواندن مقاله : 10دقیقه
در این مقاله قصد داریم کلیه تگ های html را برای شما عزیزان توضیح دهیم برای این منظور لیست کامل تگ ها آماده شده است امیدوارم مطالب قابل درک و کاربردی باشد با ما همراه باشید.
در این مقاله قصد داریم کلیه تگ های html را برای شما عزیزان توضیح دهیم برای این منظور لیست کامل تگ ها آماده شده است امیدوارم مطالب قابل درک و کاربردی باشد با ما همراه باشید.
قبل از اینکه به معرفی تگ ها بپردازیم می خواهیم بدانیم مفهوم تگ چیست و چه کاربرد هایی در html دارد.
تگ ها در html نقش مهمی دارند زیرا تمامی کارهای html با تگ انجام می شود.
در نوشتن تگ ها باید ساختار و اصول آن رعایت شود و ازعلامت شروع(< نام تگ>)و علامت پایان (<نام تگ/>) استفاده میشود.
۱. تگ های بلند که شروع و پایان دارند.
۲. تگ های کوتاه شروع و پایان ندارند.
1.تگ <--!>
تگ کامنت برای اضافه کردن توضیحات به کد ها می باشد.
2.تگ <DOCTYPE!>
برای تعیین نوع سند در html استفاده می شود.
3.تگ <a>
نام دیگراین تگ لینک می باشد که برای پیوند صفحه و فایل می باشد و ویژگی های آدرس صفحه یا فایل و نوع نمایش آن می باشد و مهمترین ویژگی این تگ href است.
به مثال زیر توجه کنید!
<!DOCTYPE html>
<html>
<body>
<a href="http://www.darsma.com">darsman</a>
</body>
<html/>
4.تگ <abbr>
از این تگ برای مخفف کلمه ای استفاده می شود و به عبارت دیگر برای نمایش یک متن خلاصه شده و کوتاه استفاده می شود.
5. تگ < acronym >
این تگ هم همانند تگ <abbr> عمل می کند و برای ایجاد مخفف عنوان استفاده می شود.
6.تگ <address>
همانطور که از اسم تگ مشخص است برای نوشتن یک آدرس در متن مورد استفاده قرار می گیرد.
7. تگ <area>
کاربرد این تگ برای مشخص کردن یک ناحیه در نقشه های تصویری می باشد.
8.تگ <b>
تگb برای ضخیم کردن کلمه (Bold) به کار می رود.
9.تگ <base>
یک تگ سازنده است و یک url پایه برای تمام url های مرتبط در سند html می باشد.
10.تگ <bdo>
این تگ برای به کارگیری قلم نوشته استفاده می شود و قلم نوشته را به صورت نوشته های محیط کد نویسی در کامپیوتر نمایش می دهد.
11.تگ <big>
با استفاده از این تگ می توان نوشته در یک متن را بزرگتر نمایش دهید.
12.تگ < blockquote>
برای ایجاد یک نقل قول از آن می توان استفاده کرد.
13. تگ <body>
این تگ بدنه اصلی محتویات صفحات وب در html می باشد.
14.تگ <br>
ازاین تگ برای ایجاد یک خط جدید استفاده می شود.
15.تگ<button>
برای اضافه کردن دکمه در صفحات وب به کار گرفته می شود.
16.تگ<caption >
برای تعیین عنوان در صفحات استفاده می شود.
17.تگ <cite>
کاربرد این تگ برای قرار دادن عنوان کتاب, مقاله و برنامه به کار می رود.
18.تگ<code>
این تگ برای تعریف یک قطعه از کد کامپیوتری استفاده می شود.
19.تگ <col>
این تگ برای تنظیمات ستون استفاده میشود.
این تگ داخل تگ <colgroup> قرار می گیرد
20. تگ <colgroup>
این تگ در یک جدول یک یا چند ستون را قالب بندی می کند.
<table>
<colgroup>
<col style="background-color:green">
<col style="background-color:white">
<col style="background-color:red">
<colgroup/>
<tr>
<th/>سبز<th>
<th/>سفید<th>
<th/>قرمز<th>
<tr/>
<table/>
21.تگ < details>
از این تگ برای تعیین توضیحات برای یک موضوع می باشد و کاربر می تواند براساس نیاز خود آن را نمایان یا مخفی کند.
به عبارت دیگر این تگ یک منوی محرک است که کاربر می تواند آن را باز و بسته کند.
</details> توضیحات درون تگ<details>
22.تگ <datalist>
این تگ یک لیست از پیش تعیین شده برای یک کنترل input می باشد ودرون یک تگ form به کار می رود.
23.تگ<dd>
کاربرد این تگ در html برای توصیف یک عنوان در لیست است.
24.تگ <del>
یکی دیگر از تگ های html تگ <del > است و متنی که در سند حذف می شود را نمایش می دهد و روی متن حذف شده خط می کشد.
25.تگ<dfn>
به این تگ, تگ عبارت گفته می شود و کاربردش برای تعیین کلمه خاصی است و متن هایی که داخل این تگ قرار می گیرید مثل ایتالیک نشان می دهد.
</p> Web <dfn/>darsman <dfn> <p>
26.تگ <dialog>
برای تعریف یک پنجره یا باکس گفتگو استفاده می شود.
27.تگ <div>
تگ div یکی دیگر از تگ های html می باشد و برای تعریف یک بخش در سند html می باشد.
28.تگ <dl>
از این تگ برای تعریف کردن لیست می باشد و این تگ با دو تگ <dd> و <dt> قابل استفاده می باشد.
29.تگ <dt>
یک نمونه دیگر تگ های html تگ dt می باشد و برای ساختن لیست های تعریفی به کار می رود و به همراه تگ dl استفاده می شود.
30.تگ <em>
کار برد این تگ برای ایتالیک نوشتن است نوسته را کج می کند.
31.تگ <embed>
یک تگ سازنده است و برای قرار دادن فیلم و صدا در سند html می باشد. این تگ یکی از تگ های جدید html5 می باشد.
32.تگ <fieldset >
از این تگ برای دسته بندی کنترل ها و تگ <label> در یک وب فرم استفاده می شود و همچنین برای ایجاد یک کارد دور تگ های مرتبط استفاده می شود.
33.تگ <form>
برای ایجاد یک فرم در سند html به کار می رود.
34.تگ <h1 تا h6>
کار برد این تگ برای ایجاد هدینگ در سند می شود و h1 بزرگترین سایز عنوان است و هرچه عدد تگ بزرگتر شود سایز عنوان کوچکتر می شود.
35.تگ <head>
اطلاعاتی کلی سند در آن قرار می گیرد و همچنین می تواند اسکریپت ها، استایل ها، اطلاعات متا در بربگیرد.
36.تگ <hr>
این تگ برای کشیدن یک خط افقی به کار میرود و با استفاده از این تگ می توان دو محتوا را در یک صفحه از هم جدا کرد.
37.تگ <html>
در واقع ساختار اصلی یک سایت را براساس کدهای html ایجاد می کند و فقط کدهایی که درون این تگ قرار دارد توسط مرور گر خوانده و اجرا می شود.
38.تگ <i>
این تگ بخشی از متن را باصدا یا حالتی متناوب تعریف می کند و متن به صورت ایتالیک می باشد و با تگ em تفاوت دارد و em برای متن تاکید شده استفاده می شود.
39.تگ <imag>
یکی دیگر از تگ های html که کار بردی می باشد تگ imag است و برای قرار دادن عکس در صفحه استفاده می شود و دارای تگ پایانی نمی باشد.
40. تگ <input>
تگ input برای ساختن کنترل ها در html به کار می رود مانند: کادر های متن,لیست های بازشو,دکمه های فرمان.... درون فرم ها استفاده می شود و درون تگ فرم قرار می گیرد.
41. تگ <ins>
این تگ برای نشان دادن یک متن جدید وارده شده در صفحه است و یک خط زیر نوشته ها می کشد.
42.<kbd>
یک تگ عبارتی است و ورودی صفحه کلید را مشخص می کند.
43.تگ <lable>
این تگ یک عنوان تعیین می کند برای تگ input
44.تگ <legend>
از این تگ برای قرار دادن یک عنوان یا یک کپشن در تگ fieldset استفاده می شود.
45.تگ <li>
برای تعریف یک آیتم در لیست به کارمی رود.
46.تگ <link>
یک تگ ارتباطی است و برای برقراری یک صفحه و یک فایل خارجی استفاده می شود.
47.تگ <map>
این تگ برای ایجاد یک نقشه تصویری مورد استفاده قرار می گیرد.
48.تگ <meta>
یکی دیگر از تگ های html که کار بردی است تگ meta می باشد و کاربردش اطلاعات کلی درباره محتويات يک صفحه برای استفاده موتورهای جستجومی باشد.
49.< noscript>
این تگ برای مرورگرهایی که script را پشتیبانی نمی کند استفاده می شود.
50. تگ < object>
از این تگ برای پیوند یک شی (فایل های صوتی و تصویری) خارجی به سند html می باشد.
51.تگ <ol>
با استفاده از این تگ می توان لیست ترتیبی ایجاد کرد.
52.تگ<optgroup>
از این تگ برای اینکه در یک لیست بتوانیم گزینه های آن را دسته بندی کنیم استفاده می شود.
53.تگ <option>
از این تگ برای تعیین یک مورد داخل یک لیست استفاده می شود.
54. تگ <p>
از این تگ برای ایجاد پاراگراف استفاده می شود.
55.تگ <param>
این تگ برای تعیین تنظیمات زمان اجرای یک شی خارجی استفاده می شود.
56.تگ <pre>
از این تگ برای نمایش متن به همان صورت اولیه به کار می رود.
57.<q>
از این تگ برای ایجاد یک نقل قول استفاده می شود.
58.تگ <samp>
کاربرد این تگ برای نمایش دادن متن مثل محیط برنامه نویسی می باشد.
59.تگ < script>
این تگ برای قرار دادن یک اسکریپت داخل سند html است.
60. تگ <small>
با استفاده کردن از این تگ باعث می شود محتویات داخل تگ کوچکتر از متن همجوار باشد.
61.تگ <span>
این تگ برای تقسیم بندی متن یک پاراگراف قطعات مجزا استفاده می شود.
62.تگ < strong>
با استفاده کردن از این تگ می توان نوشته را تو پر و ضخیم تر نمایش داد.
63.تگ <style>
برای قالب بندی تگ های html و صفحات استفاده می شود.
64.تگ <sub>
برای ایجاد یک زیر نویس در متن به کار می رود.
65. تگ <sup>
برای ایجاد یک اندیس در متن استفاده می شود.
66.تگ <table>
کاربردش برای ساختن جدول درصفحات می باشد.
67.تگ <tbody>
این تگ محتویات و بدنه ی اصلی جدول را در بر دارد.
68.تگ <td>
این تگ برای ساختن خانه جدول استفاده می شود.
69.تگ <th>
برای ایجاد سر عنوان (Header) در جدول به کار می رود.
70.تگ<title>
یکی دیگر از تگ های html که کاربردی می باشد این تگ است و برای عنوان صفحه استفاده می شود و زمانی که مرورگر را باز می کنیم در نوار عنوان نمایش داده می شود.
71.تگ <tr>
این تگ برای ایجاد سطر در جدول به کار می رود.
72.تگ <tt>
این تگ حالت خاصی به نوشته می دهد مثل حروف تلگراف به متن می باشد.
73.تگ <u>
این تگ خاصیت این را دارد که با استفاده از آن نوشته ها زیر خط دار می شوند.
74.تگ <ul>
از این تگ برای ساختن لیست های نشانه ای استفاده می شود.
75. تگ <var>
این تگ برای نمایش متن مانند محیط های برنامه نویسی استفاده می شود.
زهرا چگینیکارشناس علوم کامپیوتر گرایش نرم افزار.... من مثل یک نابغه فکر می کنم..مثل نویسنده ای ممتاز می نویسم و مثل کودکی سخن می گویم
یکی از مفاهیم گفته شده درشیوه آموزش مدرن، آموزش الکترونیکی است پس اگرعلاقه مند به شناختن آن هستید این مطلب را مطالعه نمایید.
ادامه مطلب
آموزش آنلاین یکی از شاخه های نوین آموزش مجازی، آموزش آنلاین می باشد و ما میخواهیم شمارا بامفهوم این آموزش ونحوه فعالیت آن اشنا کنیم.
ادامه مطلب
در این مطلب قصد داریم درمورد فونت ها در css و نحوه استفاده کردن از آنها را آموزش دهیم.
ادامه مطلب
مایکروسافت با معرفی asp.net core امکانات ویژه ای را برای برنامه نویسان محیا کرده است.در این مقاله به برسی برخی از این ویژگی ها می پردازیم.
ادامه مطلب
این مقاله درباره چگونگی پیدایش زبان برنامه نویسی HTML است که به عنوان یک زبان برنامه نویسی شناخته نمیشود. این زبان شامل یکسری دستوراتی است که…
ادامه مطلب
Delegate یکی از زیرساختی ترین مفاهیم است زیرا با یادگیری این مفهموم میتوان مفاهیمی از جمله Func-Event-Predicate-Action را به راحتی فراگرفت.
ادامه مطلب
Action در سی شارپ از پایه و اساس Delegate ها استفاده میکنند، درحقیقت همان Delegate های هستند که کار مارا بسیار راحت تر کرده و برای کارهای پر تکرار بسیار استفاد می شود.
ادامه مطلب
هدف ما آشنایی شما باextension method و نحوه استفاده وهمچنین کاربرد این متدها درکد نویسی برای یادگیری شما برنامه نویسان حرفه ای تهیه شده است.
ادامه مطلب
حتما خیلی به این فکر کرده اید که پول سازترین زبان های برنامه نویسی در ایران کدام است و یا برای کار در بازار ایران چه زبان برنامه نویسی یاد بگیریم خوب است و اینکه بازار کار زبان های برنامه نویسی در ایران کدام است
ادامه مطلب
هدف ما جمع آوری و معرفی سایت های معروف برنامه نویسی وبهترین سایت های آموزشی به صورت رایگان برای شما عزیزان است.
ادامه مطلب
آیا میدانید زامارین چیست وایده آن برای برنامه نویسی چگونه شکل گرفت؟ اگرنمیدانید توصیه میکنم این مطلب آموزشی را بخوانید.
ادامه مطلب
در این مقاله بررسی می شود که کوکی ها برای چه کاری استفاده می شوند و آیا امن هستند یا نه، که در ادامه انواع آنها، راه های استفاده از کوکی، دریافت یا خواندن آن، حذف کردن کوکی، محدودیت های آن، مزایا و معایب آن نیز توضیحاتی گفته می شود که امیدوارم تا حدودی مشکلات شما در بحث کوکی ها را برطرف کند.
ادامه مطلب
هدف از ایجاد زبان ++c و زبان c چه بوده و مزایای آنها نسبت به زبانهای دیگر چه چیزی است را در این مقاله بخوانید.
ادامه مطلب
اگه به ساختن برنامه های موبایل علاقه داری ونمیدونی چه زبان برنامه نویسی انتخاب کنی این مطلب رو بخون تا راهت رو مشخص کنی.
ادامه مطلب
آیا می دانید سیستم عامل موبایل چیست؟اگر درمورد آن اطلاعاتی ندارید این مقاله را بخوانید.
ادامه مطلب
اگر علاقه مند یاد گیری برنامه نویسی اندروید هستید می توانید با خواندن این مقاله از ویژگی ها و خصوصیات این زبان برنامه نویسی اطلاعات کسب کنید.
ادامه مطلب
سئو چیست؟ استراتژی و تکنیک هایی است که باعث رتبه بندی سایت در نتایج جستجو میشود.این مقاله یک راهنمای ساده و کاربردی برای پیاده سازی مفهوم سئو است.
ادامه مطلب
نظر بدهید
نشانی ایمیل شما منتشر نخواهد شد .