همانطور که در مقدمه ی آموزش بیان کردیم، شما برای یادگیری زبان اچ تی ام ال نیاز دارید که با ویرایشگرهای متنی کار کنید.
البته لازم به ذکر است که، زبان اچ تی ام ال دارای ویرایشگرهای متنی ویژه همچون کافی کاپ اچ تی ام ال ادیتور است. امّا برای شروع کار تنها یک ویرایشگر متنی ساده مثل نت پد (Notepad) کافیست.
برنامه نت پد به طور پیشفرض برروی سیستم عامل های مایکروسافت ویندوز نصب است و نیاز به دانلود و نصب این برنامه ندارید. همچنین اگر از سیستم عامل های مک استفاده می کنید می توانید از نرم افزار پیشفرض تکست ادیت (Textedit) استفاده نمایید.
حالا یک صفحه اچ تی ام ال ساده در نت پد می نویسیم، آنرا ذخیره می کنیم و در نهایت نتیجه را در مرورگر مشاهده می کنیم.
برای اینکار ابتدا نرم افزار ویراشگر متنی نت پد را باز کرده (اگر نمی دانید این نرم افزار در کجا قرار دارد در قسمت جستجوی ویندوز عبارت "Notepad" را وارد کرده و نرم افزار را باز کنید). سپس تگ ها و مقدار های زیر را وارد می کنیم:
<!DOCTYPE>
<html>
<body>
<h1>این یک سرتیتر است</h1>
<p>آموزش تمرین اچ تی ام ال در نت پد</p>
</body>
</html>
در ادامه از سربرگ File گزینه Save as را انتخاب کنید. یک پنجره باز می شود که باید مسیر ذخیره سازی سند خود را مشخص کنید، پس از آن مانند تصویر زیر کادرها را پر و انتخاب کنید و در نهایت فایل را ذخیره کنید:
دقت داشته باشید که: پسوند نام فایل را .htm یا .html بگذارید و در قسمت Encoding گزینه UTF-8 را انتخاب کنید.
در نهایت به محلی که فایل را ذخیره کردید بروید و برروی فایل ایجاد شده دوبار کلیک کنید.
سند شما در مرورگر ویندوزتان اجرا می شود (همانند تصویر زیر).
جلسه قبل | جلسه بعد
درباره این سایت