آموزش HTML

آموزش مقدماتی HTML برای مبتدیان

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

ساختار اصلی یک سند HTML

هر صفحه HTML با ساختار پایه‌ای زیر شروع می‌شود:

<!DOCTYPE html>
<html>
<head>
  <title>عنوان صفحه</title>
</head>
<body>
  محتوای اصلی صفحه اینجا قرار می‌گیرد
</body>
</html>

تگ‌های پرکاربرد HTML

تگ توضیحات
<h1> تا <h6> برای عناوین با سطوح مختلف
<p> برای پاراگراف‌ها
<a> برای ایجاد لینک
<img> برای نمایش تصاویر

ویژگی‌های تگ‌ها (Attributes)

هر تگ می‌تواند دارای ویژگی‌هایی باشد که رفتار آن را تغییر می‌دهد. برای مثال:

  • href در تگ <a> برای مشخص کردن آدرس لینک استفاده می‌شود
  • src در تگ <img> مسیر تصویر را مشخص می‌کند
  • alt متن جایگزین برای تصاویر ارائه می‌دهد

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

ایجاد لیست‌ها در HTML

دو نوع لیست اصلی در HTML وجود دارد:

  1. لیست‌های مرتب (Ordered List) با تگ <ol>
  2. لیست‌های نامرتب (Unordered List) با تگ <ul>

هر آیتم لیست با تگ <li> مشخص می‌شود. مثال:

<ul>
  <li>آیتم اول</li>
  <li>آیتم دوم</li>
</ul>

نکته مهم: همیشه کدهای HTML خود را با دقت بررسی کنید تا از معتبر بودن ساختار آن مطمئن شوید.