4 - معرفی همه تگ های html

کلا 74 تا تگ در html داریم. حتما لازم نیست همه رو حفظ باشید حدود 20 درصد از این تگ هیا html کاربردی تر هستند. هر موقع تگی رو فراموش کردید به این صفحه مراجعه کنید و ctrl+f رو در کیبورد بزنید و تگ مد نظر رو سرچ کنید.

1- تگ < a >
براي ايجاد يک لینک به کار مي رود .
تمرین
یک لینک یکی از سه حالت زیر را دارد شما به عنوان یک طراح سایت باید برای هر کدام از سه حالت استایل های عالی مد نظر بگیرید:
وقتی هنوز روش کلیک نشده
وقتی موس می ره روش (هاور میشه)
وقتی روش کلیک میشه

2- تگ < abbr >
براي ايجاد يک مخفف براي يک عبارت بزرگتر به کار مي رود .
تمرین

3- تگ < acronym >
براي ايجاد يک مخفف براي يک عبارت بزرگتر به کار مي رود .
تمرین

4- تگ < address >
توی متن یک آدرس می خوایم بدیم از این تگ استفاده می کینم.
تمرین
فرمت متن رو مثل آدرسی می کنه.
نکته: تگ زیاد کاربردی نیست بهش توجه نکنین.

5- تگ < area >
توی نقشه تصویری مشخص کننده یک ناحیه است.
تمرین

6- تگ < b >
برای بولد کردن یا توپر کردن متن
تمرین

7- تگ < base >
تمرین

8- تگ < bdo >
متن را بر اساس خاصیت dir=rtl یا dir=ltr ازچپ به راست یا راست به چپ می نویسد.
تمرین

9- تگ < big >
بااعث میشه توی یک متن، نوشته بزرگتر نمایش داده شود
تمرین

10- تگ <blockquote>
ایجاد نقل قول در متن
تمرین

11- تگ < body >
بدنه اصلی محتواست، سروره :) ، محتوامون می ره این تو
تمرین

12- تگ < br >
رفتن به خط بعدی
تمرین

13- تگ < button >
برای ایجاد دکمه از این تگ استفاده می کنن بعد می رن تو فایل استایل بهش استایل می دن و خوشکلش می کنن.
تمرین

14- تگ < caption >
تعیین عنوان جدول.
زیاد کاربردی نیست ولش کن.
تمرین

15- تگ < cite >
نمایش کج نوشته
تمرین

16- تگ < code >
اگه می خوای تو نوشته ات از کد استفاده کنید.
تمرین

17- تگ < col >
برای خودمم سواله سرچ شود.
تمرین

18- تگ < colgroup >
دسته بندی گروهی ستون های یک جدول.
تمرین

19- تگ < dd >
ایجاد لیست های بی معنی
تمرین

20- تگ < del >
روی یک متن خط می خوره.
تمرین

21- تگ < div >
برای تقسیم فضا در سایت تون.
این تگ خیلی کاربردیه.
تمرین

22- تگ < dl >
برای ایجا لیست های بی معنی
تمرین

23- تگ < dt >
برای ایجا لیست های بی معنی
تمرین

24- تگ < em >
براي ايجاد يک مخفف براي يک عبارت بزرگتر به کار مي رود .
تمرین

25- تگ < fieldset >
ایجاد کادر دور محتویات
تمرین

26- تگ < form >
ایجاد فرم در یک صفحه (این تگ رو خیلی یاد بگیرید)
تمرین

27- تگ <h1> تا <h6>
عنوان با متن فرق می کنه. برای مشخص کردن تیتر ها و عنوان های متن هاتون از این 6 تا تگ استفاده کنید. تمرین

28- تگ < head >
کل اطلاعات سند رو نشون می ده. 97 درصد تگ هاتون توی این تگ است.
تمرین

29- تگ < hr >
ایجاد یک خط افقی در عرض مثل این
________________________________________________________________________________________________
تمرین

30- تگ < html >
کل فایل صفحه وب تون توی این تگه
تمرین

31- تگ < i >
نوشته تون رو بصورت کج نشان میده
تمرین

32- تگ < img >
قرار دادن تصویر
تمرین

33- تگ < input >
در تگ form بکار می رود و باعث می شود اطلاعات رو از کاربر دریافت کنه. توضیحات این تگ رو در پایین این آموزش مطالعه کنید.
تمرین

34- تگ < ins >

35- تگ < kbd >

36- تگ < label >
تمرین

37- تگ < legend >

38- تگ < li >
مخفف کلمه لیست است.
یک آیتم رو توی یه دونه لیست می خوایم تعریف کنیم از این تگ استفاده می کینم.
تمرین

39- تگ < link >
لینک یک صفحه دیگر رو بخواهیم بدیم.
تمرین

40- تگ < map >
یک نقشه بخواهیم نشون بدیم در سایت مون از این تگ استفاده می کنیم.
تمرین

41- تگ < meta >
برای بهینه سازی وبسایت چه از نظر گوگل و... از این تگ استفاده می کنیم.
تمرین

42- تگ < noscript >
تمرین

43- تگ < object >
لینک دادن به یک شی خارج از صفحه وب
تمرین

44- تگ < ol >
ایجاد لیست های ترتیـــبی
تمرین

45- تگ < optgroup >
دسته بندی گروهی یک لیست از این تگ استفاده می کنیم.
تمرین

46- تگ < option >
ایجاد یک لیست بازشو در صفحه
تمرین

47- تگ < p >
متن های عمومی مون رو در این تگ می نویسیم. مخفف کلمه پاراگراف است.
تمرین

48- تگ < param >
تمرین

49- تگ < pre >
نمایش یک متن بصورت ساده ساده. مثلا کدها مون رو بخواهیم نمایش دهیم از این تگ می توانیم استفاده کنیم.
تمرین

50- تگ < q >
نمایش دادن یک نقل قول
تمرین

51- تگ < samp >

52- تگ < script >
اگر می خواید از کدهای جاوا اسکریپ در صفحه تون استفاده کنید می بایستی از این تگ استفاده کنید.
تمرین

53- تگ < select >
ایجاد یک لیست بازشو
تمرین

54- تگ < small >
نمایش متن بصورت کوچک
تمرین

55- تگ < span >
تمرین

56- تگ < strong >
اگر جایی از متن تون رو می خواهید درشت تر نشان دهید از این تگ استفاده کنید.
تمرین

57- تگ < style >
اگر بصورت اینلاین می خواهید به فایل html تون استایل بدید از این تگ استفاده کنید.
تمرین

58- تگ < sub >
ایجاد یک زیر نویس در متن ها
تمرین

59- تگ < sup >
ایجاد یک اندیس
تمرین

60- تگ < table >
ایجاد جداول
تمرین

61- تگ < tbody >
محتویات جدول رو در این تگ می نویسیم
تمرین

62- تگ < td >
ایجاد یک خانه جدول
تمرین

63- تگ < textarea >
ایجاد یک کادر دور متنی که می نویسیم.
تمرین

64- تگ < tfoot >
تمرین

65- تگ < th >
سر عنوان های جدول را در این تگ می نویسند.
تمرین

66- تگ < thead >
مثل تگ بالا سر عنوان های جدول را در این تگ می نویسند.
تمرین

67- تگ < title >
عنوان صفحه سایت
تمرین

68- تگ < tr >
برای ایجاد سطر جدول (بخش افقی آن)
تمرین

69- تگ < tt >
متن رو بصورت نوشته های تلگرافی نشون میده
تمرین

70- تگ < u >
زیر خط دار کردن متن مون
تمرین

71- تگ < ul >
برای ایجاد لیست هایی که نقطه توپر کنارشان است.
تمرین

72- تگ < var >
نمایش متن مثل محیط کدنویسی (متن رو کج نشون میده)
تمرین

73- تگ < !-- ... -- >
تمرین

74- تگ <!DOCTYPE>
به مرورگر ها نوع و زبان و نسخه زبان برنامه نویسی رو می فهمانند مثلا اگر از کد زیر استفاده کنید فایر فاکس یا گوگل کروم می فهمه که دارید از نسخه 5 html استفاده می کنید.
تمرین

<!DOCTYPE html>

توضیحات بیشتر برای همه تگ های html:

در متن بالا هدفم این بود که تیتر وار توضیح بدم که روی این مطلب به عنوان یک مرجع داشته باشید. بعضی از تگ ها توضیحاتی دارن که اینجا عرض می کنم:

اتربیوت های تگ a

اتربیوت href : با این صفت می گیم که به کجا لینک بشه. اگر می خواین لینک کار کنه باید پروتکل (http ftp,https) رو بنویسید. مثال:

<a href=&quothttps://ali.ir/>سایت علی </a>

اتربیوت download : اگر یک لینک مستقیم برای دانلود دارید از این صفت یا اتربیوت استفاده کنید.

اتربیوت hreflang : زبان جایی که بهش لینک می دیم. مثال:

<a href=&quothttps://ali.ir&quot hreflang=&quotfa&quot > سایت علی </a>

اتربیوت target : بصورت پیش فرض وقتی توی یک صفحه لینکی بزارید توی همون برگه باز میشه ولی اکر می خواید تو همون برگه باز نشه و در برگه جدا باز بشه از این اتربیوت استفاده کنید. برای باز شدن در برگه جدید باید blank_ رو قرار بدید.

اتربیوت rel : ارتباط بین صفحه مبدا و مقصد رو مشخص می کنه. زیاد مهم نیست. لینک آموزش بیشتر