مقدمه

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

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


HTML چیست؟[ویرایش | ویرایش]

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

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

یک سند ساده HTML[ویرایش | ویرایش]

Page Title

My First Heading

My first paragraph.

مثال
 1 <!DOCTYPE html>
 2 
 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>

توضیح مثال[ویرایش | ویرایش]

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



تگ های HTML[ویرایش | ویرایش]

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

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

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

<h1>My First Heading</h1>


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

مرورگرهای وب[ویرایش | ویرایش]

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

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


ساختار صفحه HTML[ویرایش | ویرایش]

در ادامه ساختار یک صفحه 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>

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

تاریخچه 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 پیروی می‌کند.


منابع آموزشی[ویرایش | ویرایش]