آموزش HTML درس 6 – عناصر HTML

 

اسناد HTML توسط عناصر HTML معین می شوند.

عناصر HTML

یک عنصر اچ تی ام ال، هر چیزی از تگ شروع کننده تا تگ تمام کننده است.

تگ شروع کننده محتوای المنت (عنصر) تگ پایانی
<p> این یک پاراگراف است.     </p>
<a href=”index.htm”> این یک لینک است.
<br>

 

تگ شروع، تگ آغاز کننده نیز نامیده می شود و تگ پایانی، بعضی اوقات تگ تمام کننده نیز نامیده می شود.

 

سینتکس (گرامر) المنت HTML

  • یک المنت HTML با یک تگ شروع /آغاز کننده شروع می شود.
  • یک المنت HTML با یک تگ پایانی / تمام کننده، تمام می شود.
  • محتوای المنت هرچیزی بین تگ شروع و تگ پایان است.
  • بعضی از المنت های HTML دارای محتوای خالی می باشند.
  • المنت های خالی در همان تگ شروع تمام می شوند.
  • بیشتر المنت های HTML می توانند ویژگی داشته باشند.

نکته : در مورد ویژگی ها بصورت مفصل در درس های آتی برای شما سخن خواهیم گفت.

المنت های HTML تو در تو

بیشتر عناصر می توانند تو در تو باشند (می توانند حاوی المنت های دیگر باشند)

اسناد HTML شامل المنت های تو در تو اچ تی ام ال هستند.

یک نمونه سند HTML

مثال بالا حاوی 3 تگ HTML است.

شرح این مثال :

 : <p> المنت

<p>این یک پاراگراف است.</p>

 المنت <p> در این مثال یک پاراگراف را در سند معین می کند. المنت، یک تگ شروع <p> دارد و یک تگ پایانی </p>

محتوای المنت این جمله است : این یک پاراگراف است.

 : <body> المنت

 

المنت body بدنه یک سند HTML را معین می کند. المنت، تگ شروع <body> و تگ پایانی </body> را دارد. (محتوای المنت، المنت دیگر HTML یعنی المنت p است)

 : <html> المنت

 

المنت <html> تمامی سند HTML را تعریف می کند. المنت، حاوی تگ شروع <html> و تگ پایانی </html> است. (محتوای المنت، المنت دیگر HTML یعنی المنت body است)

تگ پایانی را فراموش نکنید.

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

 

مثال بالا در بیشتر مرورگرهای وب کار می کند برای اینکه تگ پایانی در این مورد یک گزینه انتخابی است. ولی هرگز روی این موضوع حساب نکنید. خیلی از المنت های HTML ممکن است نتایج غیرمنتظره و خطاهایی ایجاد کنند اگر تگ پایانی آن را فراموش کنید.

 

المنت های خالی HTML

المنت های بدون محتوا اصطلاحا المنت های خالی نامیده می شوند. <br> یک المنت خالی بدون تگ پایانی است. ( <br> یک خط خالی را ایجاد می کند )

نکته : در XHTML تمامی المنت ها می بایستی که تمام شوند. اضافه کردن یک اسلش در تگ شروع مانند <br /> راه حل بسیار مناسبی در بستن المنت های خالی در XHTML و XML است.

نکته : از تگ های با حروف کوچک استفاده کنید.

تگ های HTML البته بر روی بزرگی یا کوچکی حروف حساس نیستند. <P> برای مثال مانند <p> است. خیلی از وب سایت ها از تگ های با حروف بزرگ استفاده می کنند.

با این حال ائتلاف جهانی وب W3C پیشنهاد داده است که تگ ها در HTML با حروف کوچک نوشته شوند.



برای مشاهده لیست کامل درس های HTML سایت اینجا را کلیک کنید.


جدیدترین درس های HTML ما را از طریق پست الکترونیک دریافت کنید

آدرس email خود را در این کادر وارد کنید.

توسط FeedBurner

Leave a Reply

به ما امتیاز دهید:
به این صفحه

به این سایت