HTML در واقع یک زبان استاندارد نشانه گذاری (markup language) برای ساخت صفحات وب است.
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>یک عنوان برای صفحه تعریف میکند که در سربرگ مرورگر نیز قابل مشاهده است - عنصر
<body>بدنه صفحه را شامل میشود. تمامی عناصر قابل رویت از قبیل عناوین، پاراگرافها، تصاویر، جداول، لیستها، پیوندها (لینکها) در این عنصر قرار میگیرند. - عنصر
<h1>یک عنوان بزرگ را تعریف میکند - عنصر
<p>یک پاراگراف را تعریف میکند
عنصر HTML چیست؟
عنصر HTML به صورت یک بخش آغازین، یک سری مطالب و یک بخش پایانی تعریف میشود.
<tagname>برخی مطالب در این قسمت...</tagname>تمامی محتوای عنصر HTML در بین تگ آغازین و تگ پایانی قرار میگیرند.
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است.</p>| تگ آغازین | محتوا | تگ پایانی |
|---|---|---|
| <h1> | این یک عنوان است | <h1/> |
| <p> | این یک پاراگراف است. | <p/> |
| <br> | [خالی] | [خالی] |
نکته: برخی از عناصر HTML دارای محتوایی نیستند (مانند عنصر <br>). به این عناصر، عناصر خالی گفته میشود. این عناصر تگ پایانی ندارند.
مرورگرهای وب
هدف یک مرورگر وب (Chrome ، Edge ، Firefox ، Safari) خواندن اسناد HTML و نمایش صحیح آنها است.
یک مرورگر وب تگهای HTML را نمایش نمی دهد، بلکه از آنها برای تعیین نحوه نمایش صفحه وب استفاده میکند:
ساختار یک صفحه HTML
در زیر تجسمی از ساختار یک صفحه HTML نمایش داده شده است:
<html>
<head>
<title>Page title</title>
</head>
<body>
</body>
</html>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
نکته: محتوای داخل بخش <body> (قسمت سفید رنگ در بالا) در صفحه مرورگر نمایش داده میشود. محتوای داخل عنصر <title> در نوار عنوان مرورگر یا در تب مرورگر نشان داده میشود.
تاریخچه HTML
| سال میلادی | نسخه (Version) |
|---|---|
| 1989 | تیم برنرز لی (Berners-Lee) www را به وجود آوردند |
| 1991 | تیم برنرز لی HTML را به وجود آوردند |
| 1993 | دیو راگت (Dave Raggett) پیش نویس +HTML را تهیه کرد |
| 1995 | گروه کاری HTML، نسخه HTML 2.0 را ساختند |
| 1997 | W3C نسخه HTML 3.2 را توصیه کرد |
| 1999 | W3C نسخه HTML 4.01 را توصیه کرد |
| 2000 | W3C نسخه XHTML 1.0 را توصیه کرد |
| 2008 | WHATWG اولین انتشار عمومی HTML5 |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C نسحه HTML5 را توصیه کرد |
| 2016 | W3C نسخه HTML 5.1 را برای توصیه کاندید کرد |
| 2017 | توصیه W3C: نسخه دوم HTML5.1 |
| 2017 | W3C نسخه HTML 5.2 را توصیه کرد |
این آموزش از آخرین استاندارد HTML5 پیروی می کند.
دیدگاهی ثبت نشده است.