100% کامل شده تا
به‌روزرسانی شده در: ۲۹ روز پیش

مقدمه استفاده از اچ‌تی‌ام‌ال ۵ بهمراه مثال (HTML Introduction)

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< HTML:Tutorial(تغییرمسیر از HTML:مقدمه)
پرش به ناوبری پرش به جستجو


HTML زبان نشانه‌گذاری‌ست در قالب استاندارد، برای ایجاد صفحات وب.[۱]


HTML چیست؟ (What is HTML?)

HTML زبان نشانه‌گذاری استاندارد برای تولید صفحات وب است.

  • HTML (سرواژهٔ: Hyper Text Markup Language) به معنای زبان نشانه‌گذاری فرامتن است.
  • HTML ساختار یک صفحه وب را توصیف می‌کند
  • HTML زبان نشانه گذاری استاندارد برای ایجاد صفحات وب است
  • HTML ساختار یک صفحه وب را توصیف می‌کند
  • HTML شامل مجموعه‌ای از عنصر هاست
  • عناصر HTML توسط تگ‌ها نمایش داده می‌شوند
  • عناصر HTML به مرورگر می‌گویند محتوا را چگونه نمایش دهد
  • عناصر HTML برچسب‌هایی از محتوا مانند «این یک سرفصل است»، «این یک پاراگراف است»، «این یک پیوند است» و غیره.
  • عناصر HTML برچسب‌هایی از محتوا را نشان می‌کند، مانند «این یک Heading (به فارسی: سرفصل) است»، «این یک پاراگراف است»، «این یک پیوند است» و غیره.

یک سند HTML ساده (A Simple HTML Document)

مثال

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

مثال

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>


Responsive demo.svg

توضیح مثال (Example Explained)





عنصر HTML چیست؟ (What is an HTML Element?)

یک عنصر HTML با یک تگِ شروع، مقداری محتوا و یک تگِ پایان، تعریف می‌شود:

<tagname>Content goes here...</tagname>


در عنصر HTML، اولین تگ، تگ شروع و تگ دوم تگ پایانی است:

<h1>My First Heading</h1>


<p>My first paragraph.</p>
تگ پایانی محتوای عنصر تگ آغازین
</h1> My First Heading <h1>
</p> My first paragraph. <p>
ندارد ندارد <br>

توجه: برخی از عناصر HTML فاقد محتوا هستند (مانند عنصر <br>). این عناصر را عناصر خالی می‌نامند. عناصر خالی تگ پایان ندارند!

مرورگرهای وب (Web Browsers)

هدف یک مرورگر وب (Chrome, Edge, Firefox, Safari) خواندن سندهای HTML و نمایش آن‌هاست.

مرورگر تگ‌های HTML را نمایش نمی‌دهد، اما از آنها برای تشخیص نحوهٔ نمایش سند استفاده می‌کند:


ساختار صفحه اچ تی ام ال (HTML Page Structure)

در زیر، ساختار یک صفحه HTML قابل مشاهده است:

<html>
<head>
<title>Page title</title>

</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>

</html>

Responsive demo.svg

<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

توجه: محتوای داخل بخش <body> (ناحیه سفید رنگ بالا) در مرورگر نمایش داده می‌شود. محتوای درون عنصر <title> در نوار عنوان مرورگر یا در برگه صفحه، نشان داده می‌شود.

تاریخچه اچ تی ام ال (HTML History)

از همان اوایل وب، نسخه‌های زیادی از HTML وجود داشته‌است:

سال نسخه
۱۹۸۹ تیم برنرز-لی www را اختراع کرد
۱۹۹۱ تیم برنرز-لی HTML را اختراع کرد
۱۹۹۳ دیو رگت HTML+ را طراحی کرد
۱۹۹۵ گروه کاری HTML, HTML 2.0 را تعریف کرد
۱۹۹۷ پیشنهاد W3C: برای HTML 3.2
۱۹۹۹ پیشنهاد W3C: برای HTML 4.01
۲۰۰۰ پیشنهاد W3C: برای HTML 1.0
۲۰۰۸ اولین طرح عمومی WHATWG HTML5
۲۰۱۲ استاندارد زنده WHATWG HTML5
۲۰۱۴ پیشنهاد W3C: برای HTML5
۲۰۱۶ پیشنهاد کاندید W3C: برای HTML 5.1
۲۰۱۷ پیشنهاد W3C: برای ویرایش دوم HTML 5.1
۲۰۱۷ پیشنهاد W3C: برای HTML 5.2
این آموزش از آخرین استاندارد HTML 5 پیروی می‌کند.

منابع آموزشی