HTML (Hypertext Markup Language) এডিটর সফ্টওয়্যার প্রোগ্রাম যা আপনাকে HTML ফাইল তৈরি এবং সম্পাদনা করতে দেয়। HTML সিনট্যাক্স হাইলাইটিং সহ বেসিক টেক্সট এডিট ও HTML ডেভেলপমেন্টের জন্য পূর্ণ বৈশিষ্ট্যযুক্ত ইন্টিগ্রেটেড ডেভেলপমেন্ট এনভায়রনমেন্ট (IDEs) পর্যন্ত বিভিন্ন ধরণের এইচটিএমএল এডিটর রয়েছে। কিছু জনপ্রিয় এইচটিএমএল এডিটর:
- Notepad++ : একটি ফ্রি এবং ওপেন সোর্স টেক্সট এডিটর যা এইচটিএমএল এবং অন্যান্য অনেক প্রোগ্রামিং ভাষার জন্য সিনট্যাক্স হাইলাইটিং সরবরাহ করে।
- Aptana Studio : একটি বিনামূল্যে, ওপেন-সোর্স এবং ক্রস-প্ল্যাটফর্ম আইডিই (IDE) যা এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট।
- Bluefish : একটি ফ্রি এবং ওপেন সোর্স এইচটিএমএল এডিটর যা ওয়েব ডেভেলপারদের জন্য ডিজাইন করা হয়েছে এবং এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট সহ একাধিক ভাষা সমর্থন করে।
- Sublime Text : একটি জনপ্রিয় এডিটর যা প্রায়শই ওয়েব ডেভেলপাররা ব্যবহার করে, এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের সিনট্যাক্স হাইলাইটিং সহ বিস্তৃত বৈশিষ্ট্য রয়েছে এখানে।
- Visual Studio Code : একটি বিনামূল্যে এবং ওপেন সোর্স আইডিই যা অত্যন্ত কাস্টমাইজযোগ্য এবং এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্টের সিনট্যাক্স হাইলাইটিং সহ বিস্তৃত বৈশিষ্ট্য রয়েছে।
- NetBeans : একটি বিনামূল্যে এবং ওপেন সোর্স আইডিই যা এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট, পাশাপাশি অন্যান্য অনেক প্রোগ্রামিং ভাষা সমর্থন করে।
- Atom : একটি ফ্রি এবং ওপেন সোর্স আইডিই যা অত্যন্ত কাস্টমাইজযোগ্য এবং এইচটিএমএল, সিএসএস এবং জাভাস্ক্রিপ্ট সমর্থন করে।
- Brackets : একটি ফ্রি এবং ওপেন সোর্স এইচটিএমএল এডিটর যা ওয়েব ডিজাইনের উপর দৃষ্টি নিবদ্ধ করে এবং লাইভ প্রিভিউ, ইনলাইন এডিটিং এবং প্রিপ্রসেসর সমর্থন অন্তর্ভুক্ত করে।
- HTML, CSS, এবং JavaScript একসাথে লিখে লাইভ প্রিভিউ দেখা যায়।
- ওয়েব ডিজাইন আইডিয়া পরীক্ষা, শেয়ার ও শেখার জন্য দারুণ একটি প্ল্যাটফর্ম।
- ফ্রন্ট-এন্ড কোড টেস্ট, ডিবাগ ও শেয়ার করার জন্য জনপ্রিয় টুল।
- HTML, CSS, JavaScript কোড দ্রুত পরীক্ষা করার জন্য ব্যবহৃত হয়।
- ব্রাউজারেই সরাসরি HTML কোড লিখে রিয়েল-টাইমে ওয়েবপেজের প্রিভিউ দেখা যায়।
- নবীনদের জন্য সহজ ও ব্যবহারবান্ধব অনলাইন এডিটর।
- HTML, CSS ও JS একসাথে লিখে লাইভ আউটপুট দেখা যায়।
- শেখার ও দ্রুত কোড টেস্ট করার জন্য উপযোগী।
এগুলো সবগুলো কোড ইডিট করা আইডিই (IDE) এখন থেকে আপনার পচন্দ মত আপনি যেকোন টি ব্যবহার করতে পারেন।
Notepad বা TextEdit ব্যবহার করে HTML শিখি
- ওয়েব পেজ তৈরি ও এডিট করা জন্য একটা প্রফেশনাল এইচটিএমএল এডিটর ব্যবহার করতে হবে।
- এইচটিএমএল শেখার জন্য আমরা এখনে নোটপ্যাড (পিসি) বা টেক্সটএডিট (ম্যাক) নিয়েছি।
- যাইহোক, নোটপ্যাড বা টেক্সটএডিটের মতো একটি বেসিক টেক্সট এডিটর দিয়ে শুরু করা এইচটিএমএলের মৌলিক বিষয়গুলির অনুভূতি পাওয়ার একটি ভাল উপায় হতে পারে।
- চলুন আমরা নোটপ্যাড বা টেক্সটএডিট দিয়ে প্রথম ওয়েব পেজ তৈরি করি।
- ওয়েব পেজ তৈরি করতে নিচের ধাপগুলো অনুসরণ করুন।
ধাপ ১: নোটপ্যাড বা টেক্সটএডিট খুলুন
ধাপ ২: HTML সিনট্যাক্স ব্যবহার করে কোড় লিখি
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is my first HTML page.</p>
</body>
</html>
ধাপ ৩: এভার .html এক্সটেনশন দিয়ে ফাইলটি সংরক্ষণ করি। উদাহরণস্বরূপ: "myfirstpage.html"।
ধাপ ৪: আপনার পিসি যেকোন একটা ব্রাউজারে HTML পৃষ্ঠা দেখুন।
উপরের আলোচনা কেমন লাগলো অবশ্যই আপনারা নিচে কমেন্ট করে জানাতে পারেন ধন্যবাদ। আমাদের আলোচনা আপনার ভালো লাগলে প্লিজ অন্যের সাথে শেয়ার করতে ভুলবেন না । আর আমাদের সাথে কানেক্ট থাকতে এবং রেগুলার পোষ্ট আপডেট পেতে আমাদের ফেসবুক পেজে লাইক দিন। নতুন নতুন ভিডিও পেতে Subscribe করুন আমাদের ইউটিউব চ্যানেল ।
