ویرایشگر های HTML و نحوه استفاده
آموزش گام به گام html از مبتدی تا پیشرفته
انواع ویرایشگر های HTML
HTML ویرایشگرهای زیادی دارد که به کمک این نرم افزارها شما به راحتی کدنویسی HTML را انجام می دهید. یکی از قدرتمندترین ویرایشگرهای HTML نرم افزار Dreamweaver است. پیشنهاد ما این است که اگر تازه کار هستید از این نرم افزار استفاده نکنید و وقتی در HTML کار بلد شدید سراغ Dreamweaver بروید.
اگر با ویندوز کار می کنید از نرم افزار Notepad استفاده کنید و اگر با mac کار می کنید از نرم افزار TextEdit استفاده کنید.
برای شروع از نرم افزار Notepad برای نوشن کدهای html میخواهیم استفاده نماییم:
مرحله 1: باز کردن Notepad
برای باز کردن Notepad در ویندوز 7 یا 10 بر روی منوی start کلیک کنید سپس بر روی All Programs رفته و بعد Accessories و در اینجا Notepad را مشاهده می کنید و روی آن کلیک کنید.
یا اگر از ویندوز 8 به بالا استفاده می کنید کلمه ی Notepad را در منوی start جستجو کنید.
مرحله 2: نوشتن اولین کد HTML
کدهای زیر را کپی کرده و در notepad که باز کرده اید بروید و paste کنید.
<html>
<body>
<h1>این متن تیتر است</h1>
<p>این اولین پاراگرافی است که می نویسیم.</p>
</body>
</html>
که به این شکل می شود:
مرحله 3: ذخیره یا save کردن فایل
در این مرحله باید فایل خود را ذخیره کنید. به منوی فایل Notepad رفته سپس بر روی save as کلیک کنید.
تنظیمات را مانند تصویر انجام دهید. دقت کنید پسوند فایل را html قرار دهید برای مثال shahcode.html .
نکته بعدی کدگذاری فایل است که باید بر روی UTF-8 قرار دهید چون زبان فارسی را پشتیبانی می کند.
مرحله 4: نمایش کدهای HTML روی مرورگر
فایلی که save کرده اید، ایجاد خواهد شد. بر روی فایل دوبار کلیک کنید تا باز شود.
نتیجه مانند تصویر زیر خواهد شد:
مطالب زیر را حتما مطالعه کنید
طراحی جدول ها در بوت استرپ
سیستم Grid در بوت استرپ 4
آشنایی با Bootstrap 4
تایپوگرافی در بوت استرپ 4
آموزش قدم به قدم Bootstrap
دیدگاهتان را بنویسید