آموزش زبان های برنامه نویسی

آموزش زبان های برنامه نویسی

آموزش انواع زبان های برنامه نویسی
آموزش زبان های برنامه نویسی

آموزش زبان های برنامه نویسی

آموزش انواع زبان های برنامه نویسی

جلسه چهارم آشنایی با عناصر (HTML Elements)


جلسه چهارم  آشنایی با عناصر   (HTML Elements)

 

سندهای Html به وسیله عناصر  Html ساخته شده اند.

عناصر Html به وسیله تگ های شروع و تگ های پایان و محتویات آنها نوشته می شوند.

مانند  <نام تگ > محتویات <نام تگ/>

همه ی عناصر Html  با یک تگ شروع و با یک تگی پایان می گیرند.


مثال

<p>My first paragraph.</p>

 

تگ شروع

محتویات عناصر

تگ پابان

<h1>

My First Heading

</h1>

<p>

My first paragraph.

</p>

<br>

 

 


نکته: برخی از تگ های Html تگ پایانی ندارند یا با هیچ تگی بسته نمی شوند.


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


عناصر Html می توانند که تودرتو تعریف شوند یعنی در داخل یک تگ تگ های دیگری را تعریف کرد

تمامی سند های Html شامل تگ های تودرتو هستند

در مثال زیر 4 تا عنصر Html و جود داره

<!DOCTYPE html>
<html>

<body>
  <h1>My First Heading</h1>
  <p>My first paragraph.</p>
</body>

</html>

توضیح مثال بالا


تگ <html> کل سند رو در برمگیره و اینکه کل سند Html را مشخص میکند

و با تگ <html>شروع می شه و با تگ </html> بسته میشود

و دیگر عناصر Html تگ <body> هستش

تگ <body> بدنه سند و یا اصل سند را مشخص می کند

و این تگ هم با <body>و با تگ </body> بسته میشود.

و تگ های بعدی <h1>و <p> هستند.

تگ <h1>  برای مشخص کردن عنوان صفحه

و این تگ هم با <h1> شروع می شود و نهایتن با تگ </h1> بسته میشود. و محتویات آن شامل  My First Heading. است.

 

همیشه تگ ها را ببندید


بعضی از عناصر html توی مرورگر به درستی نمایش داده می شوند حتی اگر هم آن تگ را نبندید.


مثال

<html>

<body>
  <p>This is a paragraph
  <p>This is a paragraph 
</body>


</html>

مثال بالا توی همه ی مرورگر ها به درستی کار میکند چون بسته بودن تگ ها را به صورت اختیاری در نظر میگیرد.

هرگز شما این کار را نکنید. چون ممکن است خطا های غیر منتظره ای رخ دهد که پیدا کردن خطا در زمانی که پروژه بزرگ است سخت شود.


عناصر تکی Html


تگ هایی که هیچ گونه محتویاتی درون آنها نیست عناصر تک تگی می نامند.

تگ <br> نمونه ای از یک عنصر تک تگی است که نیازی به بسته شدن ندار و این تگ باعث ایجاد یه سطر جدید می شود.

عناصر تک تگی را می توان درون خود تگ آن را بست مثل <br />

در Html5 نیازی نیست که تگ های تکی را ببندیم. مگر اینکه شما خیلی سختگیر باشید و یا شاید شما بخواهید کد خود را برای XML خواناتر کنید.ولی ما توصیه میکنیم که تمامی عناصر Html را ببندید

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

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

دراستاندارد Html5 نیازی به استفاده از حروف کوچیک نیست و شما می توانید از حروف بزرگ یا کوچک استفاده کنید.اما ما توصیه می کنیم در Html4 و Xhtml از حروف کوچک برای تگ ها استفاده کنید.

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




درس بعدی

درس قبلی


آشنایی با HTML Elemen عناصر تودرتو در Html عناصر تکی Html
سیروس باباخانی چهارشنبه 23 مهر 1393 ساعت 15:17
0 نظر