عناصر html
اسناد HTML ، از طریق عنصرهای HTML تعریف می شوند
عنصرهای HTML
یک عنصر HTML همه چیز بین تگ شروع و تگ پایان می باشد
تگ پایان محتوای تگ تگ شروع
<p> this is a paragraph </p>
<a href="defult.htm"> this is a link </a>
- نام دیگر تگ شروع (start tag) ، تگ باز (opening tag) است
- نام دیگر تگ پایان (end tag) ، تگ بسته (closing tag) است
ساختار عناصر HTML
- یک عنصر HTML بوسیله تگ شروع ( تگ باز ) آغاز می شود
- یک عنصر HTML بوسیله تگ پایان ( تگ بسته ) پایان می یابد
- محتوای عنصر همه چیز بین تگ شروع و تگ پایان است
- بعضی عنصرها محتوای خالی دارند
- عنصرهای خالی در تگ شروع بسته می شوند مثل : </br>
- بیشتر عنصرهای HTML می توانند دارای صفت ها ( attributes) باشند
- نام دیگر تگ ( برچسب ) ، element (عنصر) می باشد
توجه : شما صفت ها ( attributes) را در فصل های بعدی این خودآموز فرا می گیرید
عنصرهای تودرتو HTML
بیشتر عنصرهای ( تگ های ) HTML میتوانند تودرتو باشند
( می توانند شامل دیگر عنصرهای ( تگ های ) HTML باشند)
مثال سند HTML
مثال توضیح داده شده HTML
عنصر ( تگ ) <p>:
<p>This is my first paragraph.</p>
- عنصر ( تگ ) <p> یک پاراگراف را در سند HTML تعریف می کند
- این عنصر یک تگ شروع ( <p> ) و یک تگ پایان دارد ( <p/> )
- محتوای این عنصر : This is my first paragraph است
عنصر ( تگ ) <body>:
- عنصر ( تگ ) <body> یک بدنه ( پیکر ) را در سند HTML تعریف می کند
- این عنصر یک تگ شروع (<body>) و یک تگ پایان (<body/>) دارد
- محتوای این عنصر ، عنصر دیگر است(عنصر<p> محتوای عنصر <body> است)
عنصر ( تگ ) <html>:
<p>This is my first paragraph.</p>
<html/>
- عنصر ( تگ ) <html> تــــمـــــام ( کل ) سند HTML را مشخص می کند
- این عنصر یک تگ شروع <html> و یک تگ پایان <html/> دارد
- محتوای این عنصر ، عنصر دیگر است(عنصر<body> محتوای عنصر <html> است )
تگ پایان را فراموش نکن
p>This is a paragraph>
بیشتر مرورگرها HTML را به درستی نشان می دهند حتی اگر شما تگ پایان را فراموش
کنید مثال بالا در بیشتر مرورگرها کار خواهد کرد اما به آن تکیه نکن ؛ فراموشی تگ
پایان می تواند نتایج یا خطاهای غیر قابل انتظار تولید کند
توجه : نسخه آینده HTML به شما اجازه نخواهد داد که از تگ پایان پرش کنید
عناصر خالی HTML
عناصر HTML بدون محتوا را عناصرخالی (empty element) می نامند این عناصر
در همان تگ شروع بسته می شوند ، تگ <br/> یکی از عناصر خالی است که بسته
نمی شود ( تگ <br> باعث شکستن خط بعد از خود می شود )
البته در زبان های XHTML و XML و نسخه های بعدی HTML ، همه ی عناصر باید بسته
شوند اضافه کردن یک ممیز به تگ شروع مانند </br> مناسب ترین را برای بستن
عناصر خالی است و توسط XHTML و HTML و XML پذیرفته شده است حتی اگر تگ
<br> در تمام مرورگرها کار کند ، نوشتن تگ </br> به جای آن در آینده بیشتر ملاک
است
نکته HTML : از تگ های با حروف کوچک استفاده کن
تگ های HTML به حروف کوچک حساس نیست به طور مثال تگ <b> همان کار تگ
<B> را انجام می دهد ، بسیاری از صفحات وب از حروف بزرگ برای ساختن تگ های
HTML استفاده می کنند w3cschools از تگ های با حروف کوچک استفاده می کند به
خاطر این که کنسرسیوم جهانی وب ( W3C ) توصیه به استفاده از حروف کوچک در
HTML4 می کنند و تگ های با حروف کوچک را در نسخه های آینده X)HTML) خواستار
است.
بسیـــــــــــــــــــــــــــــــار عالیه، دستت درد نکنه
خواهش میشه دوست عزیز