ویرایشگر HTML

دسته بندی : آموزش HTML سطح مقاله : مقدماتی زمان مطالعه : 2 دقیقه 03 آبان 1399
ویرایشگر-HTML

در حالی که از منظر فنی می توانید کد HTML  خود را در هر ویرایشگر متنی بنویسید ، یک ویرایشگر HTML خوب می تواند کار شما را بسیار آسان کند. این کار نه تنها راحت تر است ، بلکه اکثر آن‌ها ویژگی های اضافی نیز دارند. مسئله این است که بیشتر ویرایشگر های حرفه ای HTML مانند (Sublime Text) هزینه بالایی دارند که باعث می شود جذابیت خاصی برای مبتدیان نداشته باشد.

اگر به دنبال بهترین ویرایشگر رایگان هستید ، (Text edit (mac) ) یا windows notepad (pc) را که در سیستم عامل های داخلی ساخته شده اند، گزینه مناسبی هستند. آن‌ها خیلی ساده هستند و به راحتی در دسترس قرار دارند.

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

بازکردن ویرایشگر

ویرایشگر HTML در ویندوز

مراحلی که برای باز کردن Notepad  ویندوز باید انجم دهید ، با توجه به نسخه ویندوز شما کمی متفاوت است:

Windows7

start>all program>Accessories>notepad

Windows8

start>type notepad>press Enter

ویرایشگر HTML در ویندوزویرایشگر HTML در Macos

بای باز کردن ویرایشگر TextEdit در MacOS مراحل زیر را دنبال کنید:

Finder>Applications>TextEdit

ویرایشگر HTML در Macos

تنظیمات برگزیده را تغییر دهید تا برنامه شما بتواند پرونده ها را به درستی ذخیره کند:

  • در Preferences قالب را انتخاب کرده و متن ساده را انتخاب کنید .
  • در بخش Open and Save دستورات غنی را در پرونده های html نادیده بگیرید.

ویرایشگر HTML در Macos1

نوشتن و ذخیره فایل در HTML

با استفاده از ویرایشگر HTML انتخاب شده ، یک فایل جدید باز کنید و بخشی از کد HTML را کپی کرده و یا بنویسید.

نوشتن و ذخیره فایل در HTML

<!DOCTYPE html>
<html>
<body>
  <h1>اولین تیتر شما</h1>
  <p>اولین پاراگراف متنی شما</p>
</body>
</html>

فایل را در سیستم خود ذخیره کنید و مطمئن شوید که پسوند شما .html باشد در غیر این صورت فایل شما در وب سایت خوانده نمی شود.

مشاهده فایل HTML12

مشاهده فایل HTML

فایل html ذخیره شده را در هر مرورگر وب باز کنید.

نکته: شما می توانید این کار را تنها با کشیدن و رها کردن فایل در مرورگر انجام دهید.

مشاهده فایل HTML

نکات مفید ویرایشگر

  • اگر می خواهید چیز دیگری را امتحان کنید و سپس بهترین ویرایشگر را برای خود انتخاب کنید، Atom یا Notepad++ را بررسی کنید. این ها بهترین ویرایشگرهای html رایگانی هستند که به صورت آنلاین پیدا خواهید کرد.
  • آیا نمی خواهید خود را به ویرایشگری محدود کنید که فقط از HTML پشتیبانی می کند؟ به صورت آنلاین با بهترین ویرایشگر کد Devix که از HTML ، CSS و Javascript پشتیبانی می کند تمرین کنید.

دوره رایگان html را در دویکس دنبال کنید.

چه امتیازی به این مقاله می دید؟

5 / 5.00
[ 1 رای ]
مطالب مشابه

Related Posts