مقدمه HTML
HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است.
HTML چیست؟
- HTML مخفف Hyper Text Markup Language است
- HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است
- HTML ساختار یک صفحه وب را توصیف می کند
- HTML از یک سری عناصر تشکیل شده است
- عناصر HTML به مرورگر می گویند که چگونه محتوا را نمایش دهد
- عناصر HTML به قطعاتی از محتوا مانند “این یک عنوان است”، “این یک پاراگراف است”، “این یک پیوند است” و غیره برچسب می زنند.
یک سند HTML ساده
مثال
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
مثال توضیح داده شد
- اعلان
<!DOCTYPE html>تعریف می کند که این سند یک سند HTML5 است - عنصر
<html>عنصر اصلی یک صفحه HTML است - این
<head>عنصر حاوی اطلاعات متا در مورد صفحه HTML است - این
<title>عنصر عنوانی را برای صفحه HTML مشخص می کند (که در نوار عنوان مرورگر یا در برگه صفحه نشان داده شده است) - این
<body>عنصر بدنه سند را تعریف می کند و محفظه ای برای تمام محتویات قابل مشاهده است، مانند سرفصل ها، پاراگراف ها، تصاویر، لینک ها، جداول، لیست ها و غیره. - عنصر
<h1>یک عنوان بزرگ را تعریف می کند - عنصر
<p>یک پاراگراف را تعریف می کند
عنصر HTML چیست؟
یک عنصر HTML با یک تگ شروع، مقداری محتوا و یک تگ پایان تعریف می شود:
عنصر HTML همه چیز از تگ شروع تا تگ پایان است:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). به این عناصر عناصر خالی می گویند. عناصر خالی برچسب پایانی ندارند!
مرورگرهای وب
هدف مرورگر وب (Chrome، Edge، Firefox، Safari) خواندن اسناد HTML و نمایش صحیح آنهاست.
یک مرورگر تگ های HTML را نمایش نمی دهد، اما از آنها برای تعیین نحوه نمایش سند استفاده می کند:
ساختار صفحه HTML
در زیر تصویری از ساختار صفحه HTML آمده است:
<html> <سر> <title>عنوان صفحه</title> </head> <بدن> <h1>این یک عنوان است</h1> <p>این یک پاراگراف است.</p> <p>این پاراگراف دیگری است.</p> </body> </html>
توجه: محتوای داخل قسمت <body> در مرورگر نمایش داده می شود. محتوای داخل عنصر <title> در نوار عنوان مرورگر یا در برگه صفحه نمایش داده می شود.
تاریخچه HTML
از روزهای اولیه وب جهانی، نسخه های زیادی از HTML وجود داشته است:
| Year | Version |
|---|---|
| ۱۹۸۹ | Tim Berners-Lee invented www |
| ۱۹۹۱ | Tim Berners-Lee invented HTML |
| ۱۹۹۳ | Dave Raggett drafted HTML+ |
| ۱۹۹۵ | HTML Working Group defined HTML 2.0 |
| ۱۹۹۷ | W3C Recommendation: HTML 3.2 |
| ۱۹۹۹ | W3C Recommendation: HTML 4.01 |
| ۲۰۰۰ | W3C Recommendation: XHTML 1.0 |
| ۲۰۰۸ | WHATWG HTML5 First Public Draft |
| ۲۰۱۲ | WHATWG HTML5 Living Standard |
| ۲۰۱۴ | W3C Recommendation: HTML5 |
| ۲۰۱۶ | W3C Candidate Recommendation: HTML 5.1 |
| ۲۰۱۷ | W3C Recommendation: HTML5.1 2nd Edition |
| ۲۰۱۷ | W3C Recommendation: HTML5.2 |
این آموزش از آخرین استاندارد HTML5 پیروی می کند.