آموزش HTML قسمت اول: مقدمه HTML

مقدمه‌ای بر HTML

HTML در واقع یک زبان استاندارد نشانه گذاری (markup language) برای ساخت صفحات وب است.

HTML چیست؟

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

تشریح مثال

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

عنصر HTML چیست؟

عنصر HTML به صورت یک بخش آغازین، یک سری مطالب و یک بخش پایانی تعریف می‌شود.

<tagname>برخی مطالب در این قسمت...</tagname>

تمامی محتوای عنصر HTML در بین تگ آغازین و تگ پایانی قرار می‌گیرند.

<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است.</p>
تگ آغازینمحتواتگ پایانی
<h1>این یک عنوان است<h1/>
<p>این یک پاراگراف است.<p/>
<br>[خالی][خالی]
نکته: برخی از عناصر HTML دارای محتوایی نیستند (مانند عنصر <br>). به این عناصر، عناصر خالی گفته می‌شود. این عناصر تگ پایانی ندارند.

مرورگرهای وب

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

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

نمایش یک صفحه 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> (قسمت سفید رنگ در بالا) در صفحه مرورگر نمایش داده می‌شود. محتوای داخل عنصر <title> در نوار عنوان مرورگر یا در تب مرورگر نشان داده می‌شود.

تاریخچه HTML

سال میلادینسخه (Version)
1989تیم برنرز لی (Berners-Lee) www را به وجود آوردند
1991تیم برنرز لی HTML را به وجود آوردند
1993دیو راگت (Dave Raggett) پیش نویس +HTML را تهیه کرد
1995گروه کاری HTML، نسخه HTML 2.0 را ساختند
1997W3C نسخه HTML 3.2 را توصیه کرد
1999W3C نسخه HTML 4.01 را توصیه کرد
2000W3C نسخه XHTML 1.0 را توصیه کرد
2008WHATWG اولین انتشار عمومی HTML5
2012WHATWG HTML5 Living Standard
2014W3C نسحه HTML5 را توصیه کرد
2016W3C نسخه HTML 5.1 را برای توصیه کاندید کرد
2017توصیه W3C: نسخه دوم HTML5.1
2017W3C نسخه HTML 5.2 را توصیه کرد
این آموزش از آخرین استاندارد HTML5 پیروی می کند.

حسین استانستیمشاهده نوشته ها

Avatar for حسین استانستی

من حسین استانستی طراح و توسعه دهنده وب هستم. 22 ساله و ساکن مشهد. در حدود 7 سال است که در زمینه وب و اینترنت فعالیت دارم و مهارت‌ها و تجربیات زیادی کسب کرده‌ام و اکنون به درجه‌ای رسیده‌ام که توانایی دارم هر نوع سایت با هر امکانات و قابلیتی را طراحی و پیاده‌سازی کنم.

دیدگاهی ثبت نشده است.

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

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