صفحه اصلی / مقالات / معرفی کامل تگ های html

معرفی کامل تگ های html

تاریخ بروزرسانی : چهارشنبه 16 مرداد 1398 |

تعداد بازدید : 1116 |

گروه دوره : HTML-CSS |

زمان خواندن مقاله : 10دقیقه

در این مقاله قصد داریم کلیه تگ های html را برای شما عزیزان توضیح دهیم برای این منظور لیست کامل تگ ها آماده شده است امیدواریم مطالب قابل درک و کاربردی باشد با ما همراه باشید.

آشنایی با تگ های 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>

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

اشتراک گذاری