دوره‌ها / HTML / HTML Editors

HTML Editors

2 دقیقه Article پیش‌نمایش

ویرایشگرهای HTML

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

یادگیری HTML با استفاده از نوت‌پد یا TextEdit

صفحات وب را می‌توان با استفاده از ویرایشگرهای HTML حرفه‌ای ایجاد و ویرایش کرد.

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

ما معتقدیم که استفاده از یک ویرایشگر متن ساده روش خوبی برای یادگیری HTML است.

مراحل زیر را برای ایجاد اولین صفحه وب خود با نوت‌پد یا TextEdit دنبال کنید.

مرحله ۱: باز کردن نوت‌پد (ویندوز)

ویندوز ۸ یا جدیدتر:
صفحه شروع (نماد پنجره در پایین سمت چپ صفحه نمایش) را باز کنید. نوت‌پد را تایپ کنید.

ویندوز ۷ یا قدیمی‌تر:
Start > Programs > Accessories > Notepad را باز کنید

مرحله ۱: باز کردن TextEdit (مک)

Finder > Applications > TextEdit را باز کنید

همچنین برخی از تنظیمات را تغییر دهید تا برنامه بتواند فایل‌ها را به درستی ذخیره کند. در Preferences > Format > "Plain Text" را انتخاب کنید.

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

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

مرحله ۲: نوشتن کد HTML

کد HTML زیر را در نوت‌پد بنویسید یا کپی کنید:

<!DOCTYPE html>
<html>
<body>

<h1>اولین عنوان من</h1>

<p>اولین پاراگراف من.</p>

</body>
</html>



مرحله ۳: ذخیره کردن صفحه HTML 


فایل را در کامپیوتر خود ذخیره کنید. در منوی نوت‌پد، File > Save as را انتخاب کنید.

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


نکته: می‌توانید از پسوند .htm یا .html استفاده کنید. تفاوتی ندارد و به انتخاب شما بستگی دارد.

مرحله ۴: مشاهده صفحه HTML در مرورگر شما

فایل HTML ذخیره شده را در مرورگر مورد علاقه خود باز کنید (روی فایل دوبار کلیک کنید یا راست کلیک کرده و "Open with" را انتخاب کنید).



آماده رفتن به درس بعدی هستید؟

این درس را به پایان رساندید و می‌توانید به درس بعدی بروید.

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