آموزش html

آموزش HTML – درس دوم – Editor

HTML را با استفاده از Notepad یا TextEdit بنویسید

صفحات وب را می توانید بوسیله ویرایشگرهای حرفه ای ایجاد و اصلاح نمایید. با این حال ، برای یادگیری HTML یک ویرایشگر متن ساده مانند Notepad در ویندوز یا TextEdit در سیستم عامل mac کار شما را راه می‌اندازد. در واقع ما معتقدیم استفاده از ویرایشگر متن ساده روش خوبی برای یادگیری HTML است. برای ایجاد اولین صفحه وب خود با Notepad یا TextEdit مراحل زیر را دنبال کنید.

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

ویندوز 8 یا بالاتر:

صفحه استارت را باز کنید (آیکن “پنجره” در پایین سمت چپ صفحه نمایش). و کلمه Notepad را تایپ نمایید.

در ویندوز 7 :

پس از باز کردن پنجره استارت به آدرس روبرو مراجعه کنید : Programs > Accessories > Notepad

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

Finder را باز کرده و به آدرس Applications > TextEdit بروید.

همچنین برخی از تنظیمات ترجیحی را برای برای ذخیره صحیح فایل ها تغییر دهید. به آدرس Preferences > Format بروید و گزینه “Plain Text” را انتخاب نمایید.

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

تغییر تنظیمات textedit در مک

سپس یک سند جدید برای نوشتن کدهای خود باز کنید.

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

مقداری کد HTML در Notepad بنویسید یا کپی کنید.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
کد html در notepad

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

فایل مورد نظر را روی رایانه خود ذخیره کنید. از طریق منوی File در گزینه Save as را انتخاب کنید.

نام پرونده مورد نظر را “index.htm” گذاشته و رمزگذاری یا (Encoding) را روی UTF-8 (که رمزگذاری ارجح برای پرونده های HTML است) قرار دهید.

ذخیره utf-8 در notpad

می توانید از .htm یا .html به عنوان پسوند پرونده استفاده کنید. هیچ تفاوتی نیست ، این بستگی به شما دارد.

مرحله ۴: صفحه ایجاد شده را در مرورگر خود مشاهده کنید

پرونده ذخیره شده را در مرورگر خود باز کنید (بر روی فایل دوبار کلیک کنید ، یا روی آن راست کلیک کنید و گزینه “Open with” را انتخاب کرده و مرورگر مورد نظر را انتخاب نمایید).

نتیجه کد فوق چیزی شبیه به تصویر زیر است:

نمایش کد html در مرورگر

در ادامه

با ما همراه باشید : آموزش HTML – درس سوم

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

10 − چهار =