آموزش استفاده از ادیتورها در HTML
برای یادیگری HTML تنها به یک ادیتور ساده نیاز داریم.
یادگیری HTML با استفاده از نوتپد(Notepad) یا TextEdit
ما می توانیم صفحات وب را با استفاده از ادیتورهای پیشرفته HTML، ایجاد و ویرایش کنیم. اما برای یادگیری HTML، توصیه می کنیم که از یک ادیتور متنی ساده، مانند Notepad(برای ویندوز) و TextEdit(برای مکینتاش) استفاده کنید. ما اعتقاد داریم که استفاده از یک ادیتور ساده متنی، راه خوبی برای یادگیری HTML است. گام های زیر را دنبال کنید تا اولین صفحه وب خود را با Notepad یا TextEdit ایجاد کنید.
گام شماره 1: در ویندوز، Notepad را باز کنید.
در ویندوز 8 یا بالاتر: بر روی دکمه Start کلیک کنید(منوی پنجره ماننددر گوشه چپ و پایین صفحه). حالا عبارت Notepad را تایپ کنید.
در ویندوز 7 یا قبل از آن: به آدرس Start > Programs > Accessories > Notepad بروید.
گام شماره 1: در مک TextEdit را باز کنید.
به آدرس Finder > Applications > TextEdit بروید. همچنین برخی تنظیمات preferences را تغییر دهید تا فایل ها به درستی ذخیره شوند. برای این کار، در آدرس Preferences > Format گزینه Plain Text را انتخاب کنید. سپس در زیر بخش "Open and Save" گزینه ای که متن آن Display HTML files as HTML code instead of formatted text است را انتخاب کنید. سپس یک سند جدید ایجاد کنید تا کدها را قرار دهید.
گام شماره 2: مقداری کد HTML را بنویسید.
کدهای زیر را در نوتپد بنویسید یا کپی کنید:
مثال شماره 1
<!DOCTYPE html>
<html>
<body>
<h1>اولین عنوان من</h1>
<p>اولین پاراگراف من</p>
</body>
</html>
گام شماره 3: صفحه HTML را ذخیره(save) کنید.
فایل مذکور را در رایانه خود ذخیره کنید. برای این کار، می توانید در منوی Notepad گزینه File > Save as را انتخاب کنید. حالا نام فایل را برابر با index.htm قرار دهید و encoding را نیز برابر با UTF-8 قرار دهید(UTF-8 رمزگذاری ترجیح داده شده برای فایل های HTML است).
نکته: ما می توانیم از پسوند های htm. یا html. استفاده کنیم. زیرا این دو هیچ تفاوتی با یکدیگر ندارند. و بسته به انتخاب شما دارد.
گام شماره 4: این صفحه ی HTML را در مرورگر خود مشاهده کنید.
بر روی فایل HTML ایجاد شده، دوبار کلیک کنید یا اینکه روی آن راست کلیک کنید و به بخش Open with بروید (و مرورگر را انتخاب کنید) تا این فایل HTML در مرورگر باز شود. نتیجه بسیار شبیه به زیر است:
استفاده از ادیتور آنلاین آموزشگاه مجازی سینا
با استفاده از ادیتور آنلاین رایگان در آموزشگاه مجازی سینا، می توانیم کدهای HTML را ویرایش کنیم و نتیجه را در مرورگر خود مشاهده کنیم. این یک ابزار عالی برای تست کردن سریع کدها است.
مثال شماره 2
<!DOCTYPE html>
<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<h1>این یک عنوان است</h1>
<p>این یک پاراگراف است</p>
</body>
</html> بر روی دکمه "امتحان کنید" کلیک کنید تا نتیجه کدها را مشاهده کنید.
- بازدید: 421
1. سعی کنید نظرات شما مرتبط با مقاله ی مورد نظر باشد، در غیر این صورت پاسخ داده نخواهد شد.
2. سوالات خود را به صورت کوتاه بیان کنید و از پرسیدن چند سوال به طور همزمان خودداری کنید.
3. سوال خود را به طور واضح بیان کنید و از کلمات مبهم استفاده نکنید.