مقدمه

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML

HTML چیست؟

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

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

یک سند ساده HTML

مثال

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <title>Page Title</title>
 5 </head>
 6 <body>
 7 
 8 <h1>My First Heading</h1>
 9 <p>My first paragraph.</p>
10 
11 </body>
12 </html>


مشاهدهٔ نتیجه


توضیح مثال

  • اعلان <!DOCTYPE html> تعریف می‌کند این سند از نوع HTML5 است
  • عنصر <html> عنصر ریشه ی یک صفحه HTML است
  • عنصر <head> دارای فرا اطلاعاتی در مورد سند است
  • عنصر <title> نام سند مشخص می‌کند
  • عنصر <body> شامل محتوای قابل نمایش صفحه است
  • عنصر <h1> یک عنوان بزرگ را تعریف می‌کند
  • عنصر <p> نشان دهنده ی یک پاراگراف است

تگ های HTML

تگ‌های HTML نام عنصرها است که داخل علامت‌های بزرگتر و کوچکتر < > قرار گرفته‌اند:

<tagname>content goes here...</tagname>
<نام تگ/> محتوا در اینجا قرار می‌گیرد … <نام تگ>
  • تگ‌های HTML معمولاً بصورت جفت هستند مانند <p> و </p>
  • اولین تگ، تگ شروع و تگ دوم تگ پایانی است
  • تگ شروع مانند تگ پایانی است اما قبل از نام تگ یک کاراکتر ممیز (به انگلیسی: Forward Slash) قرار می‌گیرد
نکته: به تگ شروع Opening tag و به تگ پایانی closing tag هم گفته می‌شود.

مرورگرهای وب

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

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

ساختار صفحه HTML

در ادامه ساختار یک صفحه HTML قابل مشاهده است:Time2wait.svg ساخت نمونه مثال این بخش در دست اقدام است.


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

اعلان <!DOCTYPE>

اعلان <!DOCTYPE> نوع سند را نشان می‌دهد و برای نمایش صحیح محتوا به مرورگر کمک می‌کند.

این اعلان باید فقط یکبار در بالای صفحه ظاهر شود (قبل از همهٔ تگ‌های HTML).

اعلان <!DOCTYPE> حساس به بزرگی و کوچکی حروف (به انگلیسی: case sensitive) نیست.

اعلان <!DOCTYPE>برای HTML5 اینگونه است:

<!DOCTYPE html>

تاریخچه HTML

از همان اوایل وب، نسخه‌های زیادی از 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 پیروی می‌کند.


منابع آموزشی