آموزش Html(قسمت 1)، مقدمه HTML:
- HTML مخفف Hyper Text Markup Languge می باشد.
- زبان علامت گداری استاندارد برای ایجاد صفحات وب است.
- ساختار یک سایت را توصیف می کند.
- از یک سری عناصر تشکیل شده است.
- نحوه نمایش محتوا را به مرورگر می دهد.
- با HTML می توان عنوان، پارگراف، پیوند و… را برچسب گذاری نمود.

آموزش Html :
یک نمونه ی ساده از سند HTML :
<!DOCTYPE html> <html> <head> <title>عنوان صفحه</title> </head> <body> <h1>اولین عنوان من</h1> <p>اولین پاراگراف من</p> </body> </html>
پیش نمایش آنلاین
توضیح مثال بالا:
< !DOCTYPE html > | تعریف می کند که این سند یک سند HTML5 است |
< html > | عنصر اصلی یک صفحه HTML است |
< head > | شامل اطلاعات متا در مورد صفحه HTML است |
< title > | عنوانی را برای صفحه HTML مشخص می کند (که در نوار عنوان مرورگر یا در برگه صفحه نشان داده شده است) |
< body > | متن سند را تعریف می کند و محفظه ای برای تمام محتوای قابل مشاهده مانند عناوین ، پاراگراف ها ، تصاویر ، پیوندهای پیوندی ، جداول ، لیست ها و غیره است. |
< h1 > | عنوان بزرگی را تعریف می کند |
< p > | یک پاراگراف را تعریف می کند |
عنصر HTML چیست؟
یک عنصر HTML توسط یک برچسب شروع ، برخی از محتوا و یک برچسب انتهایی تعریف می شود:
<tagname> محتوا به اینجا می رود ... </tagname>
برای مثال:
برچسب شروع | محتوا | برچسب پایان |
< h1 > | اولین تیتر یا سربرگ من | < /h1 > |
< p > | اولین پاراگراف من | < /p > |
< br > | بدون محتوا | بدون پایان |
توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر
<br>). به این عناصر، عناصر خالی گفته می شود. عناصر خالی برچسب پایانی ندارند!
مرورگرها:
هدف یک مرورگر وب (Chrome ، Edge ، Firefox ، Safari) خواندن اسناد HTML و نمایش صحیح آنها است.
یک مرورگر برچسب های HTML را نمایش نمی دهد ، اما از آنها برای تعیین نحوه نمایش سند استفاده می کند:

ساختار صفحه HTML :
در مثال زیر تجسم ساختار صفحه HTML آورده شده است:
</ head >
< /body >
</ html >
توجه: محتوای داخل بخش <body> (قسمت سفید بالا) در یک مرورگر نمایش داده می شود. محتوای داخل عنصر<title> در نوار عنوان مرورگر یا در برگه صفحه نشان داده می شود.
مقدمه html
منبع:
برای مشاهده قسمت دوم آموزش HTML(ویرایشگر HTML) اینجا کلیک کنید.