درس اول: HTML چیست و ساختار اولین سند وب

درس اول: HTML چیست و ساختار اولین سند وب

خوش آمدید! این اولین گام شما برای تبدیل شدن به یک توسعه‌دهنده وب در CSLearn.ir است. برای شروع، باید بدانیم که هر چیزی که در اینترنت می‌بینید، با زبان HTML پایه گذاری شده است.

🌐 HTML چیست؟

عبارت HTML مخفف HyperText Markup Language است. این زبان، استخوان‌بندی یا اسکلت یک صفحه وب را تشکیل می‌دهد.

تصور کنید وب‌سایت یک ساختمان است؛ HTML نقش تیرآهن‌ها و دیوارها را دارد، در حالی که CSS بعداً به آن رنگ و دکوراسیون می‌بخشد.

🏗️ ساختار اصلی یک سند HTML5

هر صفحه وب استانداردی که می‌سازید، باید این کدهای پایه را در خود داشته باشد. به این قطعه کد دقت کنید:

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>اولین وب‌سایت من | CSLearn</title>
</head>
<body>
    <h1>سلام دنیا! من یادگیری را شروع کردم.</h1>
    <p>این یک متن ساده در سایت CSLearn است.</p>
</body>
</html>

🔍 بررسی اجزای کد:

  • <!DOCTYPE html>: به مرورگر اعلام می‌کند که این سند از نسخه HTML5 استفاده می‌کند.
  • <html>: ظرف اصلی تمام کدهای شماست. ویژگی lang="fa" زبان صفحه را فارسی تعیین می‌کند.
  • <head>: بخش “مغز” سایت. اطلاعاتی مثل عنوان تب مرورگر و تنظیمات سئو در اینجا قرار می‌گیرد.
  • <body>: بخش “بدن” سایت. هر چیزی که کاربر باید ببیند (متن، تصویر، ویدیو) در اینجا نوشته می‌شود.

🚩 تمرین عملی:

همین حالا نرم‌افزار Notepad یا VS Code را باز کنید، کدهای بالا را در آن کپی کنید و فایل را با نام index.html ذخیره کنید. سپس فایل را با مرورگر کروم باز کنید تا اولین وب‌سایت خود را ببینید!