যে কোন একটি সাধারন টেক্সট এডিটর হলেই আপনারা HTML শিখতে পারবেন ।
HTML শুখুন Notepad কিংবা অন্য কোন TextEdit দিয়ে
ওয়েব পেজ গুলো তৈরি ও মডিফাই বা এডিট করা হয় প্রফেশনার কোড এডিটর দিয়ে । কিন্তু আমরা প্রাথমিক ভাবে আপনাকে রিকমেন্ড করবো Windows এর NotePad িদয়ে কিংবা Mac এর TextEdit দিয়ে ।
আমরা মনে করি যে সিমপল কোড এডিটর দিয়ে কোড করলে আপনি ভালো ভাবে এইচটিএমএল কোড শিখতে পারবেন । কারন প্রফেশনাল কোড এডিটর গুলো অনেক কোড নিজে থেকেই করে দেয় ।
কিন্তু আপনি কোড এর সঠিক ব্যবহার না জানলে সঠিক নিয়মে ওয়েব সাইট বানাতে পারবেন না । আর পারলেও সেখানে অনেক ভুল থাকবে ।
প্রথম ধাপ: নোটপ্যাড ওপেন করা
উইন্ডোজ ৮ বা তার পরের গুলো যেমন Windows 10 এর ক্ষেত্রে Start বাটনে ক্লিক করে Notepad লিখুন, সার্চ বক্স না আসলেও লিখতে শুরু করুন, অটো চলে আসবে ।
নিচের ছবিতে দেখুন
Windows 7 বা আগের ভার্সন
Start > Programs > Accessories > Notepad থেকে ওপেন করুন ।
TextEdit (Mac) বের করা
Finder > Applications > TextEdit থেকে TextEdit ওপেন করুন ।
২য় ধাপ: কিছু HTML কোড লিখুন এইচটিএমএল এডিটর এ
নিচের কোড গুলো লিখুন কিংবা কপি করে Editor এ পেস্ট করুন ।
<!DOCTYPE html> <html> <body> <h1>আমার প্রথম হেডিং</h1> <p>আমার প্রথম প্যারাগ্রাফ</p> </body> </html>
৩য় ধাপ: HTML Page Save করা
কম্পিউটার এ আপানর তৈরি করা ওয়েব পেজ টি সেভ করতে নোটপেড এর File মেনু থেকে Save As এ ক্লিক করুন ।
ফাইল এর নাম দিন index.html এবং Encoding দিন UTF-8 এবং সেভ করে নিন ।
index.html এর .html হলো ফাইল এক্সটেনশন
ফাইল এক্সেটেনশন আপনি html কিংবা htm ব্যবহার করতে পারেন । দুটোর মধ্যে কোন পার্থক্য নেই ।
৪র্থ ধাপ: ওয়েপ পেজ ওয়েব ব্রাউজার এ দেখা
এবার আপনার সেভ করা ওয়েব পেজটি আপনার প্রিয় ওয়েব ব্রাউজার এ ওপেন করুন ।
এইচটিএমএল ফাইল এর উপর ডাবল ক্লিক করুন অথবা ফাইল এর উপর রাইট ক্লিক করে “Open With” থেকে ব্রাউজার নির্বাচন করুন যদি একধিক ওয়েব ব্রাউজার থাকে ।
kivabe.com অনলাইন এডিটর
আমাদের কিভাবে.কম এর নিজেদের একটি ওয়েব কোড এডিটর আছে । সেখানেও আপনারা কোড লিখে প্র্যাকটিস করতে পারেন ।
ওয়েব কোড এডিটর টিতে একপাশে কোড লিখতে অন্য পাশে প্রিভিউ দেখায় ।
