کدلپر - مرجع جامع آموزش برنامه‌نویسی

All Right Reserved © 2025 Codoloper

background codoloper

ویرایشگرHTML

خانه

ویرایشگرHTML

🎯 برای یادگیری HTML تنها به یک ویرایشگر متن ساده نیاز دارید.


🖋️ یادگیری HTML با استفاده از Notepad یا TextEdit

صفحات وب را می‌توان با استفاده از ویرایشگرهای حرفه‌ای HTML ایجاد و ویرایش کرد.
اما برای یادگیری HTML ما استفاده از ویرایشگرهای متن ساده مثل Notepad (برای ویندوز) یا TextEdit (برای مک) را توصیه می‌کنیم.

باور ما این است که استفاده از یک ویرایشگر ساده، راه خوبی برای یادگیری اصول HTML است.


🪜 مراحل ایجاد اولین صفحه وب با Notepad یا TextEdit


✅ گام 1: باز کردن Notepad در ویندوز

📌 ویندوز 8 یا جدیدتر:

  • صفحه شروع (Start Screen) را باز کنید (آیکون ویندوز در پایین سمت چپ).

  • تایپ کنید: Notepad

📌 ویندوز 7 یا قدیمی‌تر:

  • مسیر زیر را دنبال کنید:
    Start > Programs > Accessories > Notepad


✅ گام 1: باز کردن TextEdit در مک

  • مسیر زیر را دنبال کنید:
    Finder > Applications > TextEdit

✳️ تغییر تنظیمات برای ذخیره صحیح فایل‌ها:

  1. به مسیر Preferences > Format بروید و گزینه‌ی "Plain Text" را انتخاب کنید.

  2. در بخش "Open and Save"، تیک گزینه‌ی
    "Display HTML files as HTML code instead of formatted text"
    را فعال کنید.

سپس یک سند جدید باز کنید و کد را در آن قرار دهید.


✅ گام 2: نوشتن مقداری کد HTML

💻 کد HTML:

<!DOCTYPE html>  
<html>  
    <body>  

        <h1>My First Heading</h1>  
        <p>My first paragraph.</p>  

    </body>  
</html>

 


✅ گام 3: ذخیره کردن صفحه HTML

  • فایل را در رایانه‌تان ذخیره کنید.

  • از منوی Notepad گزینه‌ی File > Save as را انتخاب کنید.

  • نام فایل را وارد کنید: index.htm

  • Encoding را روی UTF-8 تنظیم کنید. (این کدگذاری ترجیحی برای فایل‌های HTML است)


✅ گام 4: مشاهده صفحه HTML در مرورگر

  • فایل HTML ذخیره‌شده را در مرورگر دلخواه خود باز کنید.

  • می‌توانید روی فایل دوبار کلیک کنید یا روی آن راست‌کلیک کرده و گزینه‌ی
    "Open with" را انتخاب کنید.


💡 نکته

می‌توانید از هر دو پسوند .htm یا .html استفاده کنید.
هیچ تفاوتی بین آن‌ها وجود ندارد؛ انتخاب آن بستگی به سلیقه شما دارد.