ویرایشگرهای HTML
قبلاً دیدید که HTML نشانهگذاری داخل یک فایل متنی است. این جلسه روی ابزاری تمرکز دارد که با آن همان فایل را مینویسید: ویرایشگر HTML. انتخاب یک ابزار سادهٔ متنی، تگها را تمیز نگه میدارد و باز کردن اولین صفحهها در مرورگر را آسان میکند.
ویرایشگر HTML چیست؟
ویرایشگر HTML هر برنامهای است که بگذارد متن ساده بنویسید و آن را بهصورت فایل .html ذخیره کنید. مرورگر به برند نرمافزار اهمیت نمیدهد؛ فقط به نشانهگذاری درست و فایلی که بتواند باز کند نیاز دارد. ویرایشگرها از دفترچهٔ یادداشت ساده تا ادیتورهای کد با رنگبندی تگ و مرورگر فایل متغیرند.
پاسخ مستقیم: مبتدی چه چیزی استفاده کند؟
با یک ادیتور کد رایگان مثل Visual Studio Code شروع کنید، یا حتی Notepad داخلی ویندوز / TextEdit در حالت متن ساده در macOS. برای درسهای HTML از Microsoft Word، Google Docs یا واژهپردازهای مشابه پرهیز کنید. آن برنامهها برای سند چاپی ساخته شدهاند و اغلب قالببندی پنهان اضافه میکنند که صفحه را خراب میکند.
ویرایشگر متن ساده در برابر ادیتور کد
ویرایشگر متن ساده فقط همان نویسههایی را که مینویسید ذخیره میکند؛ برای HTML کافی است. ادیتور کد هم هنوز متن ساده ذخیره میکند، ولی امکانات کمکی دارد:
- برجستهسازی نحوی تا تگ و متن خواناتر باشد
- شمارهٔ خط برای پیدا کردن اشتباه
- پوشه و چند فایل در یک پنجره
- افزونهٔ اختیاری بعداً (برای این کورس لازم نیست)
برای یادگیری HTML به IDE پولی نیاز ندارید.
صفحهٔ حداقلی برای ذخیره
html<!DOCTYPE html>
<html>
<head>
<title>تمرین ویرایشگر</title>
</head>
<body>
<h1>این را در ویرایشگر نوشتم</h1>
<p>بهصورت فایل .html ذخیره شد و در مرورگر باز شد.</p>
</body>
</html>این فایل تمرینی برای چیست؟
مثال را در ویرایشگر کپی کنید، با نام editor-practice.html ذخیره کنید، سپس در Chrome، Firefox، Edge یا Safari باز کنید. اگر تیتر و پاراگراف را دیدید، تنظیمات ویرایشگر و ذخیره درست کار میکند.
چطور اولین فایل HTML را بسازید
- ویرایشگر را باز کنید و فایل جدید بسازید
- یک سند پایهای HTML را بچسبانید یا بنویسید
- فایل را با نامی که به
.htmlختم میشود ذخیره کنید (مثلاًindex.html) - اگر ویرایشگر دربارهٔ encoding پرسید، در صورت امکان UTF-8 را انتخاب کنید
- فایل ذخیرهشده را در مرورگر باز کنید (دوبار کلیک، یا کشیدن فایل به پنجرهٔ مرورگر)
در Notepad ویندوز از Save As استفاده کنید، «Save as type» را روی All Files بگذارید و خودتان پسوند.htmlرا بنویسید تا فایل.txtنشود.
ویرایشگرهای آنلاین و جعبههای Try-it این سایت
محیطهای آنلاین میگذارند HTML را بدون نصب نرمافزار در مرورگر ویرایش کنید و برای آزمایش سریع مفیدند. در این کورس با فایل .html محلی هم تمرین کنید تا گردشکار واقعی ذخیره و باز کردن را یاد بگیرید. وقتی درسی جعبهٔ کد Try-it نشان میدهد، میتوانید آنجا اجرا کنید و همان نشانهگذاری را در ویرایشگر خودتان هم بازسازی کنید.
گزینههای رایگان پیشنهادی
اینها انتخابهای رایج و مناسب مبتدیاند (هر کدام کافی است):
- Visual Studio Code — ادیتور کد رایگان محبوب
- Notepad++ (ویندوز) — سبک با برجستهسازی
- Sublime Text — ادیتور سریع (ارزیابی رایگان)
- Notepad داخلی / TextEdit متن ساده — برای جلسات اول کافی است
یک ابزار را انتخاب کنید و مدتی با همان بمانید تا گردشکار خودکار شود.
اشتباهات رایج
- نوشتن HTML در Word یا Docs و خروجی گرفتن بدون درک نشانهگذاری اضافهای که آن ابزارها میگذارند
- ذخیره تصادفی بهصورت
.txtو تعجب از نمایش تگ خام یا رفتار عجیب مرورگر - ویرایش فایل بدون ذخیره قبل از تازهسازی مرورگر
- حالت متن غنی که نقلقولها را عوض میکند یا علائم هوشمند داخل attribute میگذارد
- انتظار اینکه ویرایشگر خودش HTML را «اجرا» کند — مرورگر صفحه را نشان میدهد؛ ویرایشگر فقط منبع را نگه میدارد
خلاصه
- HTML بهصورت متن ساده در ویرایشگر نوشته و بهصورت
.htmlذخیره میشود - ادیتور کد با برجستهسازی کمک میکند، ولی ابزار شبیه Notepad هم کار میکند
- برای یادگیری نشانهگذاری HTML از واژهپرداز پرهیز کنید
- ذخیره کنید، سپس در مرورگر باز یا تازهسازی کنید تا تغییر را ببینید
- ویرایشگر آنلاین مفید است؛ فایل محلی گردشکار واقعی را آموزش میدهد
- یک ویرایشگر ثابت بهتر از عوض کردن ابزار در هر جلسه است
🧠 دانش خود را بیازمایید
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود