html چیست

HTML چیست؟

HTML زبان نشانه گذاری استاندارد برای ساخت صفحات وب است. به طور کلی HTML دارای مشخصه های زیر است:

  • HTML مخفف “Hyper Text Markup Language” می باشد.
    • منظور از “Hyper Text”، سیستم نرم افزاری است که عناوین نشان داده شده روی صفحه اصلی را به اطلاعات و تصاویر مرتبط با آن متصل (لینک )می کند که معمولا این اتصال از طریق کلیک کردن برقرار می شود.
  • HTML ساختار صفحات وب بر مبنای نشانه ها را تبیین می کند.
  • عناصر HTML بلوک های سازنده صفحات وب هستند.
  • عناصر HTML به وسیله ی تگ ها نشان داده می شوند.
  • بخش های محتوایی صفحات وب مانند “عنوان”، “پاراگراف”، “جدول” و … به وسیله تگ های HTML نشانه گذاری می شوند.
  • مرورگرها تگ های HTML را نشان نمی دهند، اما از آنها برای ساخت شکل، قالب و محتوای صفحات استفاده می کنند.

ساختار اصلی و پایه یک صفحه HTML به صورت زیر است:

<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>

<h1>تیتر یک</h1>
<p>پاراگراف اول</p>

</body>
</html>


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

تگ های HTML

تگ های  HTML عناصری هستند که  داخل علامت “<>” قرار می گیرند.

<tagname>محتوای مورد نظر در این قسمت قرار می گیرد</tagname>
  • نکته: تگ ابتدا را اصطلاحا تگ “افتتاح” و تگ انتها را تگ “اختتام” می نامند.به طور معمول تگ های HTML داخل جفت هایی مانند <p>. </p> قرار می گیرند.
  • تگ اولی از جفت تگ که در بالا به آن اشاره شد، تگ ابتدا و تگ دوم، تگ انتها نام دارد.
  • تگ انتها همانند تگ ابتدا نوشته می شود با یک تفاوت که قبل از نام تگ یک علامت اسلش “/” آورده می شود.

مرورگرهای وب

نمایی از مرورگر وب
هدف از به کارگیری مرورگرهای وب (IE, Chrome, Firefox , …)خواندن اسناد HTML و در نهایت نمایش آنهاست. مرورگرها تگ ها را نمایش نمی دهند اما از آنها برای چگونگی نحوه نمایش این اسناد استفاده می کنند.

ساختار یک صفحه HTML

در شکل زیر ساختار یک صفحه HTML به صورت گرافیکی آمده است.

<html>

<head>

<title>عنوان صفحه </title>

<head>

<body>

<h1> این یک عنوان است </h1>
<p> این یک پاراگراف است. </p>
<h1> این یک پاراگراف دیگر است. </h1>

</body>

</html>

نکته: فقط محتوای تگ <body> “منطقه سفید رنگ در شکل بالا” در صفحه نمایش نشان داده می شود.

معرفی نامه <!DOCTYPE>

معرفی نامه <!DOCTYPE> نوع سند HTML را نشان داده و به مرورگرها کمک می کند تا صفحات وب را به صورت دقیق تر نمایش دهند و معمولا یک بار در ابتدای صفحه و قبل از هر نوع تگ HTML آورده می شود. این معرفی نامه به حروف بزرگ و کوچک حساس نیست و به عبارتی “case sensitive” نمی باشد.

این معرفی نامه برای HTML5 به صورت زیر است:

<!DOCTYPE html>

نسخه های منتشر شده HTML

تا کنون نسخه های متعددی از HTML منتشر شده که مهمترین آنها در جدول زیر آمده است:

نام تجاری نسخه سال انتشار
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *