شما می توانید با عضویت در انجمن پرسش و پاسخ درسمن هرگونه سوالی دارید را مطرح کنید

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

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

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

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

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

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

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

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

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


اشتراک گذاری

کلمات کلیدی :
تگ های html

توضیحاتی در مورد نویسنده این مقاله :
زهرا چگینی زهرا چگینی

کارشناس علوم کامپیوتر گرایش نرم افزار.... من مثل یک نابغه فکر می کنم..مثل نویسنده ای ممتاز می نویسم و مثل کودکی سخن می گویم


نظر بدهید

نشانی ایمیل شما منتشر نخواهد شد .
برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

گروه مقالات


آموزشی
21
علمی
20
تحقیقاتی
28


به دنبال هر آموزشی هستید در اینجا به دنبال آن باشید .