معرفی HTML

Rate this post

مقدمه‌ای بر HTML

HTML، مخفف Hyper Text Markup Language، یک زبان نشانه‌گذاری استاندارد است، که برای ایجاد ساختار صفحات وب استفاده می‌شود. با کمک HTML، مرورگرها می‌ فهمند که هر بخش از محتوای یک صفحه وب، چطور باید به کاربران نشان داده شود.

HTML چیست؟

HTML به‌عنوان زبان اصلی طراحی و ساخت صفحات وب شناخته می‌شود و شامل مجموعه‌ای از عناصر  و المان (Elements) است. هر عنصر HTML وظیفه‌ای خاص دارد؛ به‌عنوان مثال، مرورگر با استفاده از HTML متوجه می‌شود که کدام بخش از متن باید به عنوان «عنوان» نمایش داده شود، کدام قسمت «پاراگراف» است و کدام قسمت به صورت «لینک» عمل می‌کند.

نمونه‌ای ساده از کد HTML

یک نمونه کد HTML ساده به این صورت است:

<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>
</body>
</html>

HTML, CSS, JavaScript

مشاهده نتیجه

توضیح کد بالا

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

عنصر HTML چیست؟

یک عنصر HTML معمولاً شامل یک تگ شروع، محتوای درون عنصر و یک تگ پایان است. به عنوان مثال:

<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من.</p>

HTML, CSS, JavaScript

مشاهده نتیجه

اکثر عناصر HTML از یک تگ شروع و یک تگ پایان تشکیل می شوند، به جز عناصری مثل `<br>` که نیازی به تگ پایانی ندارند و به آن‌ها عناصر خالی یا Empty Elements گفته می‌شود.

مرورگرهای وب و HTML

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

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

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

یک وب سایت جذاب و پولساز حق شماست. این فرصت رو از دست نده. همین الان به برگه طراحی سایت مراجعه کن تا یک مشاوره عالی بهت بدم.

تماس تماس بگیرید

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است.</p>
<p>این یک پاراگراف دیگر است.</p>
</body>
</html>

HTML, CSS, JavaScript

مشاهده نتیجه

نکته: در مثال بالا توجه کنید که محتوای درون بخش `<body>` در صفحه وب نمایش داده می‌شود و محتوای درون تگ `<title>` در نوار عنوان یا تب مرورگر قرار می گیرد.

تاریخچه HTML

HTML از زمان ایجاد وب، مراحل مختلفی از پیشرفت و بهبود را طی کرده است:

سالنسخه HTML
1989تیم برنرز-لی وب را اختراع کرد
1991تیم برنرز-لی HTML را معرفی کرد
1995HTML 2.0 توسط گروه HTML Working Group تعریف شد
1997HTML 3.2
1999HTML 4.01
2008HTML5: اولین پیش‌نویس عمومی توسط WHATWG
2014HTML5
2017HTML5.2

این جدول نشان می‌دهد که HTML طی سال‌ها به طور مداوم به‌روزرسانی و بهبود یافته تا نیازهای جدید کاربران و توسعه‌دهندگان را برآورده کند.

سیاوش رستمی موسس، نویسنده و سئو کار وب داران می باشد. بیشتر از 10 سال در زمینه سئو و طراحی سایت مشغول به کار است. و عاشقانه حرفه اش را دوست دارد.

دیدگاه‌ خود را بنویسید

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