تگ های HTML

تگ های HTML برای نشانه گذاری محتويات صفحات به کار می روند و باعث می شوند که مرورگر بتواند تشخيص دهد هر بخش چه نوع عنصری است. هر تگ HTML ، يک بخش ابتدايی و يک بخش انتهايی دارد که هم نام بوده و به صورت استاندارد طبق شکل کلی زير به کار می روند :

< تگ انتها / >    محتويات    < تگ ابتدا >

تگ ابتدايی مشخص کننده آغاز تگ و تگ پايانی ، مشخص کننده انتهای تگ است . هر تگ HTML ، بايد حتما در ادامه توسط تگ پايانی بسته شود . کليه نوشته ها و تگ های ديگری که در بين تگ ابتدا و پايان نوشته می شوند ، محتويات تگ را تشکيل می دهند .

 

انواع تگ های Html :

توجه داشته باشید که شکل گفته شده در بالا به صورت استاندارد می باشد. اما در HTML سه نوع تگ وجود دارد :

  1. تگ‌های یکه. مانند ‎<HR>‎ که خط رسم می‌کند.
  2. تگ‌هایی که شروع و پایان دارند. مثل: ‎<head></head>‎
  3. تگ‌هایی که دارای ویژگی می‌باشند. مثل:

‎<a href="http://www.w3.org">متن</a>

 توجه 1 : تگ های یکه را میتوان به دو شکل نوشت که حالت دوم آن استاندارد می باشد :

حالت 1 : <hr>

حالت 2 : <hr / >

نکته 1 : تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند .

نکته 2 : هر تگ HTML محتویات درون خود را تحت تاثير قرار می دهد . برای مثال تگ < b > برای توپر کردن ( bold ) نوشته به کار می رود و چنانچه متنی بين تگ باز و بسته < b > قرار بگيرد ، توپر می شود .

 تگ های HTML انواع تگ خواص تگ های HTML


 

خواص تگ های HTML :

هر تگ اچ تی ام ال دارای مجموعه از خواص است که ويژگی های مختلف آنها را تعيين می کند . هر يک از اين خواص را می توان در درون تگ ابتدايي معرفی و مقدار دهی کرد . خواص تگ ها را با علامت = مقدار دهی میکنیم و مقدار آن خاصیت را داخل " " قرار داده میشود. بصورت زیر :

<p border="1"> متن پاراگراف </p>

تگ p برای ایجاد پاراگراف می باشد و خاصیت Border برای تگ آن حاشیه ای ایجاد میکند. این مثال صرفا جهت آشنایی با طریقه ی نوشتن خواص تگ ها می باشد و در ادامه به معرفی تگ ها و خواص عمومی آنها می پردازیم .

 در صورتی که برای تگی بخواهیم از چندین خواص استفاده کنیم انها را با فاصله (Space) از هم جدا میکنیم :

<p id="P1" border="1" title="test" > متن پاراگراف </p>

نداچرزه :
85 20
خیییییییییییییییییییییییییلی خوب بود
باران :
60 17
واقعا مطالبتون عالی هستن در عین طولانی نبودن ولی واقعا کامل هستن.ممنونم
سوده :
50 20
خیلی خوب و روان بود.... میسی میسی
نعیمه احمدی : مرسی از اموزش خوبتون
45 17
مرسی عالی بود.
ميثم cr7 : انتقاد
29 37
خيلي ابتدايي بود ي اموزش حرفه اي بزاريد
مدیریت : پاسخ
59 12
سعی ما این بوده که آموزش رو از ابتدای کار اچ تی ام ال قرار بدهیم. امیدوارم مقالات پیشرفته تر ما که در ادامه هست، نظر شما رو هم جلب کنه.
سارا :
39 16
ممنون
at :
34 12
خیلی خوب بود.
maryam :
32 12
♥thank you♥
♥ :  
30 12
خیلی خوب بود.
سراب : عالی بود
22 14
عالی بود
little_genius :
34 11
عالی بود ببخشید استاد جسارته ولی بهتر بود تو قسمت: "نکته 1 : تگ های HTML نسبت به بزرگ و کوچک بودن حروف حساس نيستند ، يعنی تگ های < b > با < B > برابر هستند ." اضافه بشه که: بهتره از حروف کوچیک استفاده بشه تا با xhtml هم همخونی داشته باشه .
سچادی :
20 15
از تلاشی که برای آموزش زبان HTML می کنید سپاس گزارم موفق باشید .
:
14 18
بد نیست ببینیم ادامش چی میشه
احمدی : ترنم
30 21
من مدرکم مهندسی کامپیوتره ولی تاحالا متنی به این شیوایی نخونده بودم.سایت شما باعث افتخاره
:
14 15
عالی بود ممنون
zahra :
16 17
بهترازاین نمیشه.
0 : 0
7 13
خوب بودن مطالب
فرنوش : انتقاد
12 8
مطالب خیلی مفید است اما نیاز به کار بیشتری دارد مثلا فهرست بندی ها مرتب نیستند
caro :
6 6
تا اینجا خوب بوده ممنون از تلاشتون. موفق باشین
فرشته :
4 5
عاللللللللللللللی بود ممنونم
وحید : عناوین لازم برای نویسی
6 4
بهترین وبسایتی که تا این لحظه در این باره پیدا کرده ام اینجا بود-سوالی داشتم خدمت دوستان من میخواهم وب نویسی جوملا یاد بگیرم به جز html - css دیگه چه عناوینی را باید فرا بگیرم آبا تمام مباحث این سایت لازم است یا خیر؟
:
2 4
عالی بود دمتون گرم
:
2 4
ممنون خیلی خوب بود
:
1 3
سایتتون بی نظیر
محّمد :
1 0
واقعا عالیه موفق باشد
mansur :
1 0
بهترین سایت آموزشی که تا به حال دیده ام.متشکرم از زحماتتون.
h :
1 0
با سپاس فراون از سایت خوبتون بسیار اموزنده بود
امیرحسین : عاااااااااااااااالی خیلی مرسی دارین
1 0
Mrc
عنوان نظر :
نام شما :
ایمیل :
تلفن تماس :
*
8 / 10
از 27 کاربر