آموزش عناصر در HTML
آموزش عناصر در HTML
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش عناصر در HTML خواهیم پرداخت.
یک عنصر HTML توسط یک تگ باز تعریف می شود. اگر عنصر حاوی محتوای دیگری باشد، با یک تگ بسته به پایان می رسد، جایی که قبل از نام عنصر یک خط مورب (اسلش) نشان داده می شود، همانطور که در زیر با چند تگ نشان داده شده است:
| تگ باز | محتوا | تگ بسته |
|---|---|---|
| <p> | این پاراگراف محتوا است. | </p> |
| <h1> | این heading محتوا است. | </h1> |
| <div> | این تقسیم محتوا است.. | </div> |
| <br /> |
بنابراین در اینجا <p> …. </p> یک عنصر HTML است ، <h1> … </h1> یک عنصر HTML دیگر است. برخی از عناصر HTML وجود دارد که نیازی به بسته شدن نیست، مانند عناصر <img … /> ، <hr /> و <br />. این عناصر به عنوان void elements (عناصر خالی) شناخته می شوند.
اسناد HTML از درختی از این عناصر تشکیل شده است و آنها مشخص می کنند که اسناد HTML چگونه باید ساخته شوند و چه نوع محتوایی باید در چه بخشی از سند HTML قرار گیرد.
نگ HTML در مقابل عنصر
یک عنصر HTML توسط یک تگ باز تعریف می شود. اگر این عنصر حاوی محتوای دیگری باشد، با یک تگ بسته به پایان می رسد.
به عنوان مثال، <p> تگ باز یک پاراگراف است و </ p> تگ بسته کننده همان پاراگراف است اما <p> این پاراگراف است </ p> یک عنصر پاراگراف است.
عناصر HTML تو در تو
نگه داشتن یک عنصر HTML در داخل عنصر HTML دیگر مجاز است.
مثال
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html> <head> <title>Nested Elements Example</title> </head> <body> <h1>This is <i>italic</i> heading</h1> <p>This is <u>underlined</u> paragraph</p> </body> </html> |
خروجی
|
1 2 |
This is italic heading This is underlined paragraph |
لیست جلسات قبل آموزش برنامه نویسی HTML
.svg)
دیدگاه شما