آموزش رایگان html
جلسه چهارم

آشنایی با عناصر HTML

عناصر HTML هر عنصر HTML ، معمولاً ، شامل یک تگ آغاز و یک تگ پایان است ، که محتوا در بین این دو تگ قرار می گیرد. تعریف و توضیحات تگ آغاز و تگ پایان در مرحله اول آورده شده است. <tagname>محتوا در اینجا قرار میگیرند</tagname>   عنصر HTML شامل تگ آغاز ، تگ […]

عناصر HTML

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

تعریف و توضیحات تگ آغاز و تگ پایان در مرحله اول آورده شده است.
<tagname>محتوا در اینجا قرار میگیرند</tagname>

 

عنصر HTML شامل تگ آغاز ، تگ پایان و محتوای مابین آنهاست.

 

مانند:

<p> جایگاه قرار گیری یک پاراگراف (محتوای تگ) </p>

 

تگ آغازمحتواتگ پایان
<h1>سربرگ آزمایشی من
</h2>
<p>پاراگراف آزمایشی من
</p>
<br>

 

عناصری که هیچ محتوایی درون آنها قرار نمی گیرد عناصر خالی نامیده میشوند.عناصر خالی تگ پایان ندارند.

مانند تگ <br> ، که برای ایجاد یک خط (line) خالی (مانند زدن دکمه inter کیبورد) استفاده میشود.

 

عناصر تو در تو HTML

عناصر (تگ ها) ی HTML میتوانند بصورت تو در تو استفاده شوند.یعنی میتوان درون یک تگ ، تگ دیگری را استفاده کرد.

تمامی اسناد HTML شامل تگ ها و عناصر تو در تو هستند.

مثال زیر یک ساختار تو در توی عناصر HTML را نشان میدهد :

 

در مثال بالا

 

 

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

بسیاری از عناصر HTML ، حتی اگر تگ پایان را فراموش کنید که بنویسید ، به درستی کار میکنند و نمایش داده میشوند. بنابراین شما متوجه خطای خود نخواهید شد!

 

مثلاً کد زیر

در همه مرورگرها به درستی نمایش داده میشود (با اینکه تگ پایانی پاراگراف ها نوشته نشده اند!)

در صورتیکه با نوشته نشدن تگ های پایانی ممکن است بعداً با خطاهای غیر منتظره و عجیب روبرو شوید.بنابراین همیشه تگ های پایانی را بنویسید.

 

عناصر HTML خالی

عناصر HTML که محتوایی درون آنها قرار نمی گیرد عناصر خالی نامیده میشوند.

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

عناصر خالی میتوانند (بصورت اختیاری) در خود تگ پایانی بسته شوند.مانند </br>

در HTML5 نیازی به بستن تگ های خالی ندارید امّا اگر میخواهید سند HTML شما توسط تجزیه کننده های HTML قابل خواندن باشند ، باید تمامی تگ های HTML (حتی تگ های خالی) را ببندید.

بنابراین اگر قصد ایجاد یک سند HTML5 دارید و نیازی به XML ندارید برای شما تفاوتی ندارد که از <br> استفاده کنید یا </br>

 

استفاده از حروف کوچک در نوشتن تگ ها

عناصر HTML به بزرگی و کوچکی حروف حساس نیستند.به این معنا که تگ <P> با تگ <p> تفاوتی ندارد.(اولی با حروف بزرگ و دومی با حروف کوچک نوشته شده است).

اما مطابق با استاندارد W3C بهتر است برای نوشتن تگ ها از حروف کوچک (lower case) استفاده شود.

همچنین در XHTML و ویرایش های سخت گیر دیگر زبان HTML (که منسوخ و قدیمی شده اند) حتما باید از حروف کوچک در نوشتن تگ ها استفاده نمود.

در مدرسه مجازی وب نگار ، در طی مراحل بعدی ما همیشه از حروف کوچک استفاده خواهیم کرد.
کلیه حقوق مدرسه مجازی وب متعلق به گروه طراحی وب نگار میباشد.کپی برداری تنها با ذکر منبع مجاز میباشد.