ویرایشگر های HTML

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

صفحات وب را می توان با ویرایشگرهای حرفه ای HTML ایجاد کرده و تغییر داد. اما برای یادگیری این زبان استفاده از یک ویرایشگر ساده متن مانند Notepad (pc)  یا TextEdit (mac) را پیشنهاد می کنیم. معتقدیم که برای یادگیری HTML استفاده از یک ادیتور ساده متن ، راه خوبی است. چرا که به مرور زمان به حرفه ای شدن شما کمک خواهد کرد.
برای ایجاد اولین صفحه وب خود ، 4 گام زیررا دنبال کنید :

گام اول  PC : ابزار Notepad  را اجرا کنید
در ویندوز 8  - با ورود به صفحه start و تایپ کلمه notepad
در ویندوز 7 و نسخه های قبل از آن - با باز کردن start menu از داخل All programs و زیر دسته Accessories

گام اول Mac : ابزار TextEdit را اجرا کنید
مطمئن شوید که ویرایشگر بر روی متن ساده تنظیم شده باشد (از این مسیر مطمئن شوید : Preferences > New Document > select plain text)
همچنین مطمئن شوید هر دو گزینه  "Display html file as html code"  و "Display RTF file as RTF code"  در قسمت  "Open and Save"، تیک خورده باشند.
سپس یک سند جدید باز کنید تا کدنویسی را آغاز کنید.

گام دوم : تعدادی کد HTML نوشته و یا داخل سند کپی کنید :

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

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

</body>
</html> 
مشاهده مثال



گام سوم : ذخیره سازی

فایل را با کلیک بر روی گزینه Save as  در منوی File  ،  خود ذخیره کنید.
نام فایل را هنگام ذخیره index.htm قرار دهید و Encoding را بر روی UTF-8 تنظیم کنید (برای فایل های HTML ترجیحا از این انکد استفاده می شود)

View in Browser

گام چهارم : بازدید صفحه HTML در مرورگر
فایل مورد نظر را در مرورگر مورد علاقه خود باز کنید  ( بر روی فایل مورد نظر دابل کلیک کنید یا راست کلیک کرده و open with را کلیک کنید و با مرورگر مورد نظر اجرا کنید)

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

ویرایشگر آنلاین وب مهراز

با ویرایشگر آنلاین رایگان ما، شما می توانید کد 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> 
مشاهده مثال

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

نظرات

سعید ایرانی وقتی در نوت پد مثلا مینویسم ویتامین d پس و پیش مینویسه راهی هست بشه مث word به هم نریزه؟یعنی متن فارسی راحت نوشته میشه کافیه ی کلمه انگلیسی قاطیش بشه
علیرضا احمدی سلام سعید ، کافیه تو نوت پد ctrl + shift بزنی مشکلت حل میشه . در واقع همون right to left برنامه word اتفاق میفته.

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران (وب مهراز) بپیوندید.

لطفا شماره همراه صحیح وارد کنید.
لطفا ایمیل صحیح وارد کنید.

مقالات مرتبط