HTML Editors
HTML Editors — বাংলা টিউটোরিয়াল
HTML কোড লেখার জন্য আমাদের প্রয়োজন একটি HTML Editor। এটি এমন একটি সফটওয়্যার যেখানে আপনি HTML কোড লিখে সেটি ওয়েব ব্রাউজারে দেখতে পারেন। চলুন জেনে নেই কীভাবে এটি কাজ করে এবং কোন এডিটরগুলো জনপ্রিয়।
১️⃣ HTML Editor কী?
HTML Editor হলো এমন একটি প্রোগ্রাম যেখানে আপনি HTML কোড লিখে, সম্পাদনা করে, এবং সংরক্ষণ করতে পারেন। এটি সাধারণত দুটি ধরণের হয়:
- Text Editors — যেমন Notepad, VS Code, Sublime Text ইত্যাদি।
- WYSIWYG Editors (What You See Is What You Get) — যেমন Adobe Dreamweaver, BlueGriffon, বা Online HTML Editor।
২️⃣ সহজ Text Editor ব্যবহার (Windows & macOS)
HTML শেখার শুরুতে Notepad (Windows) বা TextEdit (Mac) ব্যবহার করাই যথেষ্ট।
📘 Windows এ ধাপগুলো:
- Start মেনু থেকে Notepad খুলুন।
- নিচের HTML কোড লিখুন:
<!doctype html>
হ্যালো, বিশ্ব!
এটি আমার প্রথম HTML পেজ।
- File → Save As এ যান।
- নাম দিন
index.htmlএবং Save as type থেকে All Files সিলেক্ট করুন। - এখন ফাইলটিতে ডাবল ক্লিক করলে এটি ব্রাউজারে খুলবে।
৩️⃣ জনপ্রিয় HTML Editors
- Visual Studio Code (VS Code) — মাইক্রোসফটের তৈরি, এক্সটেনশনসহ পূর্ণাঙ্গ ওয়েব ডেভেলপমেন্ট টুল।
- Sublime Text — হালকা, দ্রুত এবং শক্তিশালী কোড এডিটর।
- Atom — ওপেন-সোর্স এবং ব্যবহারবান্ধব ইন্টারফেস।
- Notepad++ — উইন্ডোজের জন্য জনপ্রিয় ও সহজ সফটওয়্যার।
- Brackets — HTML, CSS, JS ডেভেলপারদের জন্য বিশেষভাবে ডিজাইন করা।
৪️⃣ অনলাইন HTML Editors
যদি আপনি কোনো সফটওয়্যার ইনস্টল না করে অনলাইনে কোড লিখে দেখতে চান, তাহলে নিচের সাইটগুলো ব্যবহার করতে পারেন:
৫️⃣ আপনার প্রথম কোড পরীক্ষা
Visual Studio Code বা অনলাইন এডিটরে নিচের কোড কপি করে রান করুন:
<!doctype html>
আমার প্রথম ওয়েবপেজ HTML শেখা শুরু!
আমি আজ প্রথম কোড লিখলাম।
এখন ব্রাউজারে দেখে নিন আপনার ওয়েবপেজ কেমন লাগছে!
৬️⃣ উপসংহার
HTML শেখার প্রথম ধাপ হলো একটি ভালো Editor বেছে নেয়া ও নিয়মিত অনুশীলন করা। Visual Studio Code সবচেয়ে জনপ্রিয় কারণ এটি ফ্রি, দ্রুত এবং এক্সটেনশন-সাপোর্টেড।
