آموزش اولیه تگ های HTML
[vc_row][vc_column][vc_column_text]
آموزش عناصر HTML
[/vc_column_text][vc_column_text]یک عنصر HTML توسط یک برچسب شروع ، برخی از مطالب و یک برچسب پایان تعریف می شود[/vc_column_text][vc_column_text]
عناصر HTML
عنصر HTML همه چیز از برچسب شروع تا برچسب پایان است:
|
1 |
<tagname>محتوا به اینجا می رود</tagname> |
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]نمونه هایی از برخی عناصر HTML:
|
1 2 |
<h1>عنوان اول من</h1> <p>پاراگراف اول من.</p> |
| برچسب پایان | محتوای عنصر | برچسب شروع |
|---|---|---|
| </h1> | عنوان اول من | <h1> |
| </p> | پاراگراف اول من. | <p> |
| هیچ یک | هیچ یک | <br> |
[/vc_column_text][vc_message message_box_color=”orange”]
توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). به این عناصر عناصر خالی گفته می شود. عناصر خالی برچسب پایانی ندارند!
[/vc_message][vc_separator color=”white”][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]
عناصر 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> |
|
1 |
<h1>عنوان اول من</h1> |
|
1 |
<p>.پاراگراف اول من</p> |
[/vc_column_text][vc_column_text]
عناصر HTML خالی
|
1 |
<p>این یک پاراگراف <br> با خط شکسته است.</p> |
[/vc_column_text][vc_column_text]
[/vc_column_text][vc_column_text]
تگ های اولیه در HTML
| برچسب | شرح |
|---|---|
| <html> | ریشه یک سند HTML را تعریف می کند |
| <body> | متن اصلی سند را تعریف می کند |
| <h1> تا <h6> | عنوان های HTML را تعریف می کند |
[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][/vc_column][/vc_row]