وبلاگ آموزش توسعه وب ایران
وبلاگ آموزش مقدماتی تا پیشرفته مفاهیم حرفه ای برنامه نویسی و تولید وب سایت به زبان فارسیوبلاگ آموزش توسعه وب ایران
وبلاگ آموزش مقدماتی تا پیشرفته مفاهیم حرفه ای برنامه نویسی و تولید وب سایت به زبان فارسیHTML قسمت پنجم - عناصر اچ تی ام ال
یک صفحه HTML بوسیله عناصر HTML تعریف می شود.
عناصر HTML
یک عنصر اچ تی ام ال شامل هرچیزی بین دو تگ شروع و پایان است.
| تگ شروع * | محتوی عنصر | تگ پایان ** |
| <p> | این یک پاراگراف است | <p/> |
| <"a href="index.htm> | این یک لینک است | <a/> |
| <br> |
* تگ شروع را StartTag و یا OpeningTag نیز می نامند.
** تگ پایان را EndTag و یا ClosingTag نیز می نامند.
قالب عناصر HTML
- یک عنصر HTML با یک "تگ شروع" آغاز می شود.
- یک عنصر HTML با یک "تگ پایان" پایان می یابد.
- "محتوی عنصر" هر عبارت مابین تگ شروع و تگ پایان می باشد.
- برخی عناصر HTML هیچ محتویی ندارند.
- عناصر بدون محتوی در همان تگ شروع ، پایان می یابند. مثال : </ br>
- بیشتر عناصر دارای یک یا چند ویژگی یا Attributes هستند.
شما در قسمت های بعدی این خودآموز در مورد ویژگی های عناصر HTML بیشتر خواهید دانست!
عناصر "تو در تو"
بیشتر عناصر HTML می تواند "تو در تو" باشند. یعنی می تواند دیگر عناصر را در خود جای دهند.
اسناد HTML تشکیل شده از عناصر تو در تو است.
یک مثال از سند HTML
<DOCTYPE html!> <html> <body> <p/>این یک پاراگراف است<p> <body/> <html/> |
مثال بالا شامل سه عنصر HTML است.
توضیح مثال
عنصر <p>:
| <p/>این یک پاراگراف است<p> |
عنصر <p> معرف یک پاراگراف در سند اچ تی ام ال می باشد.
تگ شروع آن <p> و تگ پایان آن <p/> می باشد.
محتوی این عنصر عبارت "این یک پاراگراف است" می باشد.
عنصر <html>:
<html> |
این تگ بیان کننده کل یک سند HTML است.
این عنصر دارای تگ شروع <html> و تگ پایان <html/> می باشد.
اما محتوی این عنصر خود یک عنصر دیگر اچ تی ام ال است، یعنی عنصر <body>.
تگ پایان را فراموش نکنید
برخی عناصر حتی درصورت فراموشی تگ پایان ، درست نمایش داده می شوند:
<p> این یک پاراگراف است <p> این یک پاراگراف دیگراست |
مثال بالا در اکثر مرورگرها صحیح نمایش داده می شود، چون تگ پایان برای این عنصر انتخابی است.
اما هرگز به این مورد تکیه نکنید چون در صورت فراموشی تگ پایان ،خیلی از عناصر ممکن است نتایج اشتباه نمایش دهند و یا به Error ختم شوند.
عناصر بدون محتوی
عناصر HTML بدون نیاز به محتوی ، "عناصر بدون محتوی" ویا "Empty Elements" نامیده می شوند.
<br> یکی از همین گونه عناصر است. (این عنصر برای ایجاد یک خط شکست استفاده می شود.)
نکته : در XHTML تمام عناصر باید با یک "/" (اسلش) بسته شوند. به این شکل که اسلش قبل از کاراکتر < قرار می گیرد. مثال : </ br> این روش درست در استفاده از عناصر بدون محتوی در XHTML (و XML) است.
نکته HTML : از حروف کوجک در تعریف تگ ها استفاده کنید
تگ های HTML حساس به کوچکی و بزرگی حروف نیستند- اصطلاحا" Case sensitive نیستند.
به این معنی که <P> و <p> تفاوتی ندارند. اما کنسرسیوم جهانی وب (W3C) حروف کوچک را توصیه کرده است.
