در این درس، با هم دیدیم که HTML چقدر ساده و در عین حال قدرتمند است. تنها با چند خط کد میتوانیم اولین صفحهی وب خودمان را بسازیم و آن را در مرورگر مشاهده کنیم.
🧩 مراحل ساخت اولین صفحهی وب
- باز کردن یک ویرایشگر متن ساده
- میتواند Notepad، VS Code یا هر ویرایشگر دیگری باشد.
- نوشتن اولین کد HTML
<h1>Hello World</h1> <h2>Hello World Again</h2> <p>This is a paragraph that contains only one sentence.</p> - ذخیره فایل با پسوند
.html- نام فایل:
index.html - پوشه پیشنهادی:
learn-html
- نام فایل:
- باز کردن فایل در مرورگر
- کافی است فایل را بکشید و در مرورگر رها کنید (Drag & Drop).
- مرورگر کد HTML را تفسیر کرده و محتوای صفحه را نمایش میدهد.
🎓 مفاهیم کلیدی که یاد گرفتیم
- عنصر (Element): هر بخش HTML از یک تگ شروع، محتوا و یک تگ پایان ساخته میشود.
- تگهای عنوان:
<h1>برای عنوان اصلی،<h2>برای عنوانهای فرعی. - تگ پاراگراف:
<p>برای متنهای معمولی. - HTML برای ساختار است، نه طراحی: تغییر رنگ، اندازه متن یا پسزمینه با CSS انجام میشود.
🥪 مثال ساده (ساندویچ HTML)
<p>= نان سمت چپ</p>= نان سمت راست- متن وسط = محتوی ساندویچ (مثلاً کرهبادامزمینی یا ژامبون)
🚀 گام بعدی
در درس بعدی، خودتان تمرین میکنید:
- انتخاب ویرایشگر متن مناسب
- ذخیره فایلها بهصورت صحیح
- مشاهده خروجی در مرورگر