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

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

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

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

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


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

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

پنجره ی جستجوی ویندوز را باز کنید. کلمه Notepad را تایپ کنید.

در ویندوز 7 یا پایین تر:

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


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

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

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

_


مرحله 2: نوشتن کدهای HTML

نوشتن یا کپی کردن کدهای HTML در Notepad

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

نوشتن کدهای HTML  در Notepad


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

برای ذخیره کردن فایل HTML در کامپیوتر خود در منو Notepad روی File کلیک کنید و از زیر منوی باز شده Save as را انتخاب کنید.

نام فایل مورد نظر را index.htm قرار داده و انکدینگ فایل را UTF-8 قرار دهید (که رمزگذاری توصیه شده برای فایل های HTML است).

ذخیر فایل HTML

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


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

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

مشاهده صفحه HTML  در مرورگر وب


ویرایشگر آنلاین W3Schools

با ویرایشگر آنلاین رایگان وبسایت  W3Schools، شما می توانید کد HTML را ویرایش کنید و نتیجه را در مرورگر خود مشاهده کنید.

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

مثال

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

خودتان امتحان کنید »

روی دکمه "خودتان امتحان کنید" کلیک کنید تا ببینید که چگونه کار می کند.

 

 منبع: وبسایت W3Schools  


مشخصات

آخرین ارسال ها

آخرین جستجو ها