ویرایشگرها (Editors)
برای یادگیری HTML، یک «ویرایشگر (Editor)» ساده کافی است. حتی نوت پد هم می شود. چون ابزار کم حرف حواس پرتی ندارد و تمرکز می دهد. بنابراین بهتر تمرین می کنی و زودتر نتیجه می بینی.
شروع با Notepad یا TextEdit
می توانی از ویرایشگرهای حرفه ای هم استفاده کنی. اما برای شروع، Notepad در ویندوز یا TextEdit در مک مناسب است. چون ساده اند و سریع یاد می گیری.
گام 1: باز کردن ویرایشگر
ویندوز
- منوی Start را باز کن.
- کلمه Notepad را جستجو کن.
- برنامه Notepad را اجرا کن.
مک
- Finder را باز کن.
- به Applications سپس TextEdit برو.
- در Preferences بخش Format، گزینه «Plain Text» را انتخاب کن.
- در «Open and Save»، نمایش کد HTML را فعال کن.
گام 2: نوشتن کمی HTML
کد زیر را در ویرایشگر کپی کن. «سند (Document)» یعنی همین فایل HTML.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
گام 3: ذخیره کردن فایل
- از منو File > Save As را بزن.
- نام را index.htm بگذار.
- رمزگذاری را روی UTF-8 تنظیم کن.
نکته: پسوند .htm یا .html فرقی ندارد. انتخاب با تو است.
گام 4: دیدن نتیجه در مرورگر
- روی فایل دوبار کلیک کن.
- یا روی فایل راست کلیک کن و «Open with» را بزن.
- نتیجه شبیه یک صفحه ساده خواهد بود.
ادیتور آنلاین W3Schools
می توانی کد را آنلاین تست کنی. سریع است و رنگ بندی دارد. همچنین می توانی کد را ذخیره و اشتراک گذاری کنی.
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
ادامه مسیر یادگیری
حالا می توانی به مقدمه برگردی و مفاهیم را مرور کنی. سپس به بخش مبانی HTML برو و تمرین ها را ادامه بده. این ترتیب یادگیری را منظم می کند.
جمع بندی سریع
- ویرایشگر ساده برای شروع کافی است.
- فایل را با UTF-8 ذخیره کن.
- پسوند .htm یا .html تفاوتی ندارد.
- نتیجه را در مرورگر ببین.
- برای تست سریع، ادیتور آنلاین مفید است.