آموزش اولیه تگ های HTML
آموزش عناصر HTML
یک عنصر HTML توسط یک برچسب شروع ، برخی از مطالب و یک برچسب پایان تعریف می شود
عناصر HTML
عنصر HTML همه چیز از برچسب شروع تا برچسب پایان است:
|
1 |
<tagname>محتوا به اینجا می رود</tagname> |
نمونه هایی از برخی عناصر HTML:
|
1 2 |
<h1>عنوان اول من</h1> <p>پاراگراف اول من.</p> |
| برچسب پایان | محتوای عنصر | برچسب شروع |
|---|---|---|
| </h1> | عنوان اول من | <h1> |
| </p> | پاراگراف اول من. | <p> |
| هیچ یک | هیچ یک | <br> |
توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). به این عناصر عناصر خالی گفته می شود. عناصر خالی برچسب پایانی ندارند!
عناصر HTML تو در تو
عناصر HTML را می توان تو در تو قرار داد (این بدان معنی است که عناصر می توانند عناصر دیگری را نیز شامل شوند).
همه اسناد HTML از عناصر HTML تو در تو تشکیل شده اند.
مثال زیر شامل چهار عنصر HTML است (<
<html>, <body>, <h1> و <p>):عنصر <html> عنصر اصلی است و کل سند HTML را تعریف می کند.
دارای برچسب شروع <html> و برچسب پایان </html> است.
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <body> <h1>عنوان اول من</h1> <p>پاراگراف اول من.</p> </body> </html> |
سپس ، در داخل عنصر <html> یک عنصر <body> وجود دارد:
عنصر <body> بدن سند را تعریف می کند.
دارای برچسب شروع <body> و برچسب پایان </body> است.
|
1 2 3 4 5 6 |
<body> <h1>عنوان اول من</h1> <p>پاراگراف اول من.</p> </body> |
سپس ، در داخل عنصر <body> دو عنصر دیگر وجود دارد: <h1> و <p>:
عنصر <h1> عنوان را تعریف می کند.
عنصر <p> یک پاراگراف را تعریف می کند.
|
1 2 |
<h1>عنوان اول من</h1> <p>.پاراگراف اول من</p> |
دارای برچسب شروع <h1> و برچسب پایان </h1>:
|
1 |
<h1>عنوان اول من</h1> |
دارای برچسب شروع <p> و برچسب پایان </p>:
|
1 |
<p>.پاراگراف اول من</p> |
عناصر HTML خالی
عناصر HTML بدون محتوا را عناصر خالی می نامند.
برچسب <br> یک خط شکسته را تعریف می کند و یک عنصر خالی و بدون برچسب بسته است:
|
1 |
<p>این یک پاراگراف <br> با خط شکسته است.</p> |
HTML حساس به حروف کوچک نیست.برچسب های HTML به حروف کوچک و بزرگ حساس نیستند: منظور از <P> همان <p> است.
تگ های اولیه در HTML
| برچسب | شرح |
|---|---|
| <html> | ریشه یک سند HTML را تعریف می کند |
| <body> | متن اصلی سند را تعریف می کند |
| <h1> تا <h6> | عنوان های HTML را تعریف می کند |