درس اول : مقدمه‌ای بر HTML

مقدمه‌ای بر HTML

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

HTML چیست؟

  • HTML مخفف Hyper Text Markup Language (زبان نشانه‌گذاری ابرمتن) است.
  • زبان استاندارد برای ایجاد صفحات وب است.
  • ساختار یک صفحه وب را توصیف می‌کند.
  • از مجموعه‌ای از عناصر (Elements) تشکیل شده است.
  • عناصر 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>

خروجی مثال بالا در مرورگر:

My First Heading

My first paragraph.

توضیح مثال

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

عنصر HTML چیست؟

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

<tagname> Content goes here… </tagname>

عنصر HTML شامل همه چیز از تگ شروع تا تگ پایان است:

Start tagElement contentEnd tag
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<br>nonenone
نکته: برخی از عناصر HTML محتوایی ندارند (مانند عنصر <br>). به این عناصر، عناصر خالی (Empty Elements) گفته می‌شود. عناصر خالی تگ پایان ندارند!