|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد

ورود به حساب کاربری

در صورتی که کلمه عبور خود را بروزرسانی کرده اید با کلمه عبور وارد حساب کاربری خود شوید.

شماره همراه خود را وارد کنید

ورود و ادامه

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

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

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

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

گام اول Mac : ابزار TextEdit را اجرا کنید


از مسیر Finder > Applications > 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 اتفاق میفته.

مقالات و دروس

عضویت در خبرنامه شرکت نرم افزاری وب مهراز

برای اطلاع از بسته ها ، تخفیف های استثنایی و تازه های ما به خبرنامه وب مهراز بپیوندید.

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

مقالات مرتبط

|||

ورود به حساب کاربری

شماره همراه خود را وارد کنید

ورود با کلمه عبور ارسال کد تایید

فراموشی کلمه عبور

در صورت فراموشی کلمه عبور شماره موبایل خود را وارد کنید.

ورود با کلمه عبور تنظیم مجدد