در HTML، تگ‌ها (Tags) عناصر اصلی برای تعریف ساختار و محتوای صفحات وب هستند. هر تگ به مرورگرها اطلاعاتی درباره نحوه نمایش و سازمان‌دهی محتوای صفحات ارائه می‌دهد. HTML دارای تگ‌های مختلفی است که هر کدام وظیفه خاصی دارند، مانند تگ‌های ساختاری برای تنظیم بخش‌های اصلی صفحه، تگ‌های فرمت‌بندی برای تغییر ظاهر متون، و تگ‌های تعاملی برای افزودن قابلیت‌های کاربردی به وب‌سایت. مهمترین تگ‌های HTML شامل <html>, <head>, <body>, <title>, <h1> تا <h6>, <p>, <a>, <img> و <div> هستند که هر کدام نقش مهمی در ساختار و محتوای صفحات وب ایفا می‌کنند.
در HTML، تگ‌ها به صورت جفت (تگ باز و تگ بسته) به کار می‌روند و محتوای بین آن‌ها را مشخص می‌کنند. برای مثال، تگ‌های <h1> تا <h6> برای تعریف سرفصل‌های مختلف با اندازه‌های متفاوت، تگ <p> برای تعریف پاراگراف‌ها و تگ <a> برای لینک دادن به صفحات دیگر استفاده می‌شوند. همچنین، تگ‌های <img> برای نمایش تصاویر و <div> برای گروه‌بندی عناصر مختلف به‌کار می‌روند. تگ‌های فرم مانند <form>, <input>, و <button> نیز برای ایجاد تعامل با کاربران استفاده می‌شوند. هر تگ کاربرد خاص خود را دارد و به بهینه‌سازی و سازمان‌دهی بهتر محتوای وب کمک می‌کند.
1. تگ <!DOCTYPE>
- این تگ نشان می‌دهد که سند از نوع HTML است. معمولاً در ابتدای هر سند HTML استفاده می‌شود.
- مثال:
<!DOCTYPE html>
2. تگ <html>
- این تگ ریشه یا container اصلی برای تمامی تگ‌های HTML است. تمامی کدهای HTML باید در داخل تگ
<html>قرار گیرند. - مثال:
<html>
<!-- سایر تگ‌ها در اینجا قرار می‌گیرند -->
</html>
3. تگ <head>
- این تگ برای تعریف اطلاعات متا، لینک‌ها به فایل‌های خارجی (مثل فایل‌های CSS و JS)، عنوان صفحه و سایر تنظیمات مربوط به سند HTML استفاده می‌شود. محتویات تگ
<head>مستقیماً در صفحه نمایش داده نمی‌شود. - مثال:
<head>
<title>عنوان صفحه</title>
<meta charset="UTF-8">
</head>
4. تگ <title>
- این تگ عنوان صفحه را تعیین می‌کند که در تب مرورگر نمایش داده می‌شود. این تگ باید در داخل تگ
<head>قرار گیرد. - مثال:
<title>این عنوان صفحه است</title>
5. تگ <meta>
- این تگ برای تعریف متا دیتاهای مختلف مربوط به صفحه استفاده می‌شود، مثل نوع کاراکترها، توضیحات، کلمات کلیدی و غیره.
- مثال:
<meta charset="UTF-8">
<meta name="description" content="این یک توضیح برای صفحه است.">
6. تگ <body>
- این تگ حاوی محتوای اصلی صفحه است. هر چیزی که در تگ
<body>قرار بگیرد، به کاربران نمایش داده می‌شود. - مثال:
<body>
<h1>سلام دنیا!</h1>
</body>
7. تگ <h1> تا <h6>
- این تگ‌ها برای نمایش عناوین مختلف استفاده می‌شوند. تگ
<h1>بزرگ‌ترین و مهمترین عنوان است، و تگ<h6>کوچک‌ترین و کم‌اهمیت‌ترین عنوان. - مثال:
<h1>عنوان اصلی</h1>
<h2>عنوان فرعی</h2>
8. تگ <p>
- این تگ برای تعریف پاراگراف‌ها استفاده می‌شود. هر پاراگراف جدید باید در یک تگ
<p>قرار گیرد. - مثال:
<p>این یک پاراگراف است.</p>
