المان های HTML

قبلی بعدی

اِلِمان ها همه چیز را در HTML می سازند.

شما با المان ها می توانید هرگونه متن , تصویر و ... را در صفحات وب نمایش دهید.

ساختار المان ها به صورت زیر است :

هر چیزی که داخل < و > قرار بگیرد تگ نام دارد.

المان ها از دو بخش تشکیل شده اند :

1- تگ شروعی

2- تگ پایانی

تگ های شروعی به صورت زیر هستند :

<tagname>

همچنین تگ های پایانی به صورت زیر هستند :

</tagname>

برخی المان ها تگ پایانی ندارند.

مانند تگ img که به صورت زیر نوشته می شود :

<img>

اکثر المان ها تگ پایانی دارند، ولی تعداد اندکی از المان ها تگ پایانی ندارند.

نکته: برای مشاهده همه المان های HTML به صفحه، HTML بر اساس حروف الفبا مراجعه کنید.

اگر متوجه مفهوم تگ و المان نشدید در بخش های بعدی با مثال های بیشتری از تگ آشنا می شوید.

ساختار تو در تو (nested) در HTML

المان های HTML به صورت تو در تو نوشته می شوند.

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

<ul>
  <li> Coffee </li>
  <li> Tea
    <ul>
      <li> Black tea </li>
      <li> Green tea </li>
    </ul>
  </li>
   <li> Milk </li>
</ul>

در این نمونه کد همانطور که مشاهده می کنید، تگ li زیر مجموعه تگ ul است. و ساختار به صورت تو در تو می باشد.

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

<body></body>
<BODY></BODY>

ولی طبق استانداردهای سازمان جهانی وب (W3C) باید از حروف کوچک استفاده کنیم.

نمونه کد المان <p>

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

آزمایشگاه

نمونه کد از المان <b>

<p>
    در
    <b>html</b>
    می توان تگ ها را به صورت تو در تو نوشت
</p>

آزمایشگاه

متن PNLdev را وارد کنید.

همچنین تگ پایان المان p را بنویسید.

<p> < >

مشاهده پاسخ

قبلی بعدی

توسعه دهندگان

احسان اسلامی