آموزش HTML(قسمت دوم): ویرایشگر HTML

آموزش HTML(قسمت دوم): ویرایشگر HTML

در قسمت اول(مقدمه HTML) با مفاهیم و کارایی HTML آشنا شدیم. حال برای شروع و ویرایش یک سند HTML نیازمند یک ویرایشگر ساده متنی می باشید.

با استفاده از نوت پد(ویندوز) یا TextEdit(مک) HTML را بیاموزید:

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

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

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

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

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

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

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

ویندوز 7 یا قبل از آن:

Start > Programs > Accessories > Notepad

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

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

همچنین برخی تنظیمات برگزیده را تغییر دهید تا برنامه بتواند به درستی فایلها را ذخیره کند.

Preferences > Format > ” Plain Text

سپس در بخش “Open and Save” ، تنظیم کنید که فایل یک سند HTML است.

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

مرحله 2: چند کد HTML بنویسید

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


<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

آموزش HTML
ویرایشگر HTML

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

پرونده را در رایانه خود ذخیره کنید. File> Save as را از فهرست Notepad انتخاب کنید.

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

ذخیره فایل ها در Notepad

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

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

فایل HTML ذخیره شده را در مرورگر مورد علاقه خود باز کنید (روی پرونده دوبار کلیک کنید ، یا کلیک راست کنید – و “Open With” را انتخاب کنید).

نتیجه بسیار شبیه به این خواهد بود:

ویرایشگر HTML
آموزش HTML

با ویرایشگر آنلاین W3 School امتحان کنید:

با ویرایشگر آنلاین رایگان W3 School می توانید کد HTML را ویرایش کرده و نتیجه را در مرورگر خود مشاهده کنید.

وقتی می خواهید سریع کد را تست کنید ، این ابزار ایده آل است. همچنین دارای کدگذاری رنگی و قابلیت ذخیره و اشتراک کد با دیگران است.

 <!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>

<h1>اولین تیتر</h1>
<p>اولین پاراگراف</p>

</body>
</html> 

برای ورود به ویرایشگر آنلاین کلیک کنید.

منبع:

w3schools.com

دیدگاهتان را بنویسید

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