ویرایشگر های html (همراه با مثال و آزمون انلاین)
- پنجشنبه, ۲۷ تیر ۱۳۹۸، ۱۰:۱۶ ق.ظ
نوشتن HTML با استفاده از Notepad یا TextEdit
صفحات وب را می توان با استفاده از ویراستاران حرفه ای HTML ایجاد و اصلاح کرد.
با این حال، برای یادگیری HTML ما یک ویرایشگر متن ساده مانند (NotepadPC) یا (TextEditMac) را توصیه میکنیم.
ما معتقدیم استفاده از یک ویرایشگر متن ساده راه خوبی برای یادگیری HTML است.
مراحل زیر را دنبال کنید تا اولین صفحه وب خود را با Notepad یا TextEdit ایجاد کنید.
مرحله 1: (NotepadPC) را باز کنید
در ویندوز 8 یا بالاتر:
پنجره ی جستجوی ویندوز را باز کنید. کلمه Notepad را تایپ کنید.
در ویندوز 7 یا پایین تر:
این مسیر را دنبال کنید: Start > Programs > Accessories > Notepad
مرحله 1: (TextEditMac) را باز کنید
این مسیر را دنبال کنید: Finder > Applications > TextEdit
همچنین برخی از تنظیمات را تغییر دهید تا برنامه را به درستی ذخیره کنید. برای اینکار در قسمتPreferences > Format انتخاب کنید "Plain Text"
مطالب مرتبط : آموزش های دیگر html
مرحله 2: نوشتن کدهای HTML
نوشتن یا کپی کردن کدهای HTML در Notepad
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
مرحله 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>
روی دکمه "خودتان امتحان کنید" کلیک کنید تا ببینید که چگونه کار می کند.
آموزش های بیشتر در وبلاگ شیراز هک
منبع:learnhtml5
