HTML সূচিপত্র

যা জানবো…

এখানে ধারাবাহিক ভাবে বাংলা ভাষায় HTML এর উপর টিউটোরিয়াল লেখা হয়েছে । ডান পাশের ধারাবাহিক লিংক থেকে HTML সম্পর্কিত বিস্তারিত জ্ঞান অর্জন করা যাবে।

HTML কি?

এইচটিএমএল শেখার আগে আমারা প্রথমে জেনে নেই এইচটিএমএল টা কি? এটা থায় না মাথায় দেয়।এটা আসলে খাওয়া কিংবা মাথায় দেওয়ার জিনিস কোনটাই না। এটা মূলত একটা ল্যাংগুয়েজ মাত্র।তাই বলে কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়।এটা এক ধরনের মার্কআপ ল্যাংগুয়েজ। যার পূর্ণ অর্থ Hyper Text Markup Language। । ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ।
এটা শিখলেই আপনি মোটামুটি একটা ওয়েব পেজ তৈরী করতে পারবেন।এরপর যদি সিএসএস শেখেন তাহলে ঐ পেজটিতে আরেকটু প্রান দিতে পারবেন।এরপর জাভাস্ক্রিপ্ট ব্যবহার করলে আপনার ঐ ওয়েব পেজটি ডাইনামিক হওয়া শূরু হল। এরপর পিএইসপি,ডেটাবেস শিথলে আপনি একটি পূর্ণাঙ্গ ওয়েব পেজ তৈরী করতে পারবেন।

যে জিনিস লাগবে এইচটিএমএল শিখতে (অর্থ্যাৎ এইচটিএমএল কোড কোথায় লিখবেন) :

একটি সাধারন টেক্স্রট এডিটর, যেমন নোটপ্যাড।‌তাহলে প্রথমে নোটপ্যাড দিয়েই শুরু করা যাক কেমন।এ জন্য আপনাকে যা যা করতে হবে তা হলো-

নোটপ্যাড। Notepad open করে তৈরী হোন।যেহেতু নতুন তাই নোটপ্যাড দিয়েই শুরু করুন পরে অন্য কোন এডভান্সড এডিটরে সুইচ করবেন যেমন Netbeans বা Dreamweaver.আর যদি কারো ড্রিমওয়েভার এ কাজের অভিজ্ঞতা থাকে তাহলে  এখনই শুরু করতে পারেন।আমারা যেহেতু নতুন তাই নোটপ‌্যাড দিয়েই শুরু করি। এজন্য আপনার কম্পিউটার এ star বাটন থেকে programs এ ক্লিক করি। তার পর accessories থেকে notepad এ ক্লিক করে নোটপ্যাড ওপেন করি। এরপর টাইপ করি

এখানে উলৈখ্য যে নোটপ্যাড এর ভিতর ব্যবহৃত টেক্স্ গুলোকে এক একটি এলিমেন্টস বলা হয়। এলিমেন্টস সম্বন্ধে পরবর্তি টিউটোরিয়ালে বিস্তারিত আলোচনা করা হবে।

এভাবে লেখার পর Notepad এর ফাইল মেনু হতে save এ ক্লিক করব তারপর index.html নামে save করব। index এর জায়গায় আপনি ইচ্ছা করলে যে কোন নাম দিতে পারবেন তবে এক্সটেনেন্ট অবশ্যই (.html)সেভ দিতে হবে।যেমন,

সেভ করা ফাইলটিকে Double click করে open করবো । দেখবো যে লেখাটি Browser এ open হয়েছে। খুব সহজে একটা web Page তৈরী হয়ে গেলো।