حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
HTML از صفر؛ ساخت وب‌سایت

وب چیست؟ اولین فایل HTML را بساز

۱. اولین صفحه؛ وب و ساختار سند HTML · 0٪

برای ذخیره پیشرفت و استفاده از دستیار وارد شوید.

صفحهٔ وب از کجا می‌آید؟

مرورگر مثل Chrome فایل HTML را می‌خواند و آن را به صفحه تبدیل می‌کند. HTML مخفف HyperText Markup Language و زبان نشانه‌گذاری است: می‌گوید کدام قسمت تیتر، پاراگراف، لینک یا تصویر است. CSS ظاهر را تعیین می‌کند و JavaScript رفتار را؛ برای شروع به هیچ‌کدام نیاز نداریم.

اولین فایل؛ بدون نصب ابزار خاص

  1. پوشه‌ای به نام my-site بساز.
  2. ویرایشگر متن ساده را باز کن. در Notepad هنگام ذخیره، نوع فایل را All files و کدگذاری را UTF-8 انتخاب کن.
  3. کد زیر را در index.html ذخیره کن؛ نام فایل نباید index.html.txt باشد.
  4. فایل را با Chrome باز کن. هر بار متن را عوض کردی، فایل را ذخیره و صفحه را بازآوری کن.
<!doctype html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>اولین صفحهٔ من</title>
</head>
<body>
  <h1>سلام وب!</h1>
  <p>این اولین صفحهٔ من است.</p>
</body>
</html>

آنچه داخل body است در صفحه دیده می‌شود. title عنوان برگهٔ مرورگر است. اینجا هم می‌توانی نمونه‌های HTML را در ویرایشگر و پیش‌نمایش آزمایش کنی. برای فایل محلی، اطلاعات به سرور فرستاده نمی‌شود؛ انتشار روی وب مرحله‌ای جداست.

آزمایش کن: «سلام وب!» را به نام خودت تغییر بده. چرا تغییر بدون ذخیره و بازآوری دیده نمی‌شود؟