ARB Coding School

একটি html ফাইল দুইটা অংশে বিভক্ত থাকে। প্রথমটা হচ্ছে head আর দ্বিতীয়টা হচ্ছে body । head ট্যাগের ভিতরে যা থাকে তার কিছুই ব্রাউজার show করেনা। head ট্যাগের ভিতরে বিভিন্ন তথ্য দেওয়া থাকে। ধীরেধীরে আমরা এ বিষয়ে জানব। body ট্যাগের ভিতরে যা থাকে সেটাই ব্রাউজার show করে। html এই পর্যন্ত পাঁচটি ভার্সন এসেছে। আমরা এখানে html এর সর্বশেষ ভার্সন html5 শিখব। পরের পর্ব থেকে html coding শুরু করা হবে।

উপরে উল্লিখিত প্রত্যেকটা শব্দই হল এক একটা ট্যাগ। এই ট্যাগগুলো ছাড়াও html এ আরো অনেক ধরনের ট্যাগ রয়েছে। যেমন  heading লিখার জন্য h1, h2, h3, h4, h5, h6, paragraph লিখার জন্য p ট্যাগ রয়েছে। সামনের ক্লাসগুলোতে আমরা ট্যাগ স্বমন্ধে আরো জানতে পারব। attribute ও value কি? attribute হল কিছু সংযোজিত তথ্য যা opening tag এর ভিতরে লেখা হয়ে থাকে। আমরা যদি attribute এর বাংলা অনুবাদ করি তাহলে এর অর্থ দাঁড়াই গুণ, ধর্ম, লক্ষণ, আচরণ। একটি ট্যাগ কেমন আচরণ করবে attribute সেটাই নির্দেশ করে। value কি? attribute এর পরে সংযোজিত তথ্য হিসেবে যা থাকে সেটাই হল attribute এর value . একট উদাহরণের মাধ্যমে সহজেই এটা বুঝতে পারি। এখানে src হল attribute আর arb.jpg হল value ।

ওয়েব ডিজাইন শুরু করার আগে আপনার ল্যাপটপ বা ডেক্সটপে কিছু কাজ করে নিতে হবে। প্রথমে যে কাজটি করতে হবে তা হল, ফাইলের Extension show করিয়ে নিতে হবে। সাধারণত Extension hide করা থাকে। ল্যাপটপ বা ডেক্সটপের Folder নামক অপশনে গিয়ে view তে ক্লিক করে Hide extension থেকে টিক চিহ্নটি উঠিয়ে Apply   বাটনে ক্লিক করে দিন। Folder অপশনটি উইন্ডোজ ৭, ৮ সহ সব ভার্সনেই আছে। Extension কি? Extension একটা ফাইল কোন ফরম্যাটের সেটা নির্দেশ করে। mp3, mp4, avi, .htm, .html, css এগুলো প্রত্যেকটাই হল  Extension   এর উদাহরণ। Extension show করা কি জরুরী? Extension show করাটা জরুরী এজন্যে যে এটা না করা থাকলে বুঝা যাবেনা এটা কি ধরনের ফাইল। যেমন আমরা যদি কোন গানের নামের শেষে mp3 বা mp4 লেখা দেখি তাহলে সহজেই বলে দিতে পারব যে এটা কি ধরনের ফাইল। Root Folder কি? ওয়েব ডিজাইন শুরু করার আগে একটা Folder তৈরি করে নিলে ভাল হয়। এর ভেতরেই আমরা আমাদের যাবতীয় html, css, js, images গুলো আলাদা আলাদা Folder বানিয়ে জমা রাখতে পারব। এতে করে কোডগুলো একটা নির্দিষ্ট জায়গাতে পাওয়া যাবে। এই আলাদা আলাদা Folder...

              HyperText MarkUp Language এর সংক্ষিপ্ত রূপ হল HTML । এখন প্রশ্ন হচ্ছে HyperText মানে কি? সহজভাবে বলতে গেলে HyperText মানে হল collection of Text. যা দেখতে অনেকটা অন্যান্য text file এর মতই। এই ধরনের ফাইলের শেষে .htm বা .html extension থাকে, যা ফাইলের ফরম্যাট চিহ্নিত করে। HTML এর মাধ্যমে আপনি আপনার নিজস্ব ওয়েবসাইট তৈরী করতে পারবেন।  HTML MarkUp একটা ওয়েবসাইটের গঠনপ্রণালী বর্ণনা করে। HTML elements হল একটা ওয়েব পেইজ তৈরীর উপাদান যা Tag দ্বারা চিহ্নিত করা হয়। যেমন html, head, body, h1, p, div ইত্যাদি।  HTML শেখা খুবই সহজ এবং উপভোগ্য। যে কেউ এটা শিখতে পারে। তবে ইংরেজী পড়ার এবং লেখার মত জ্ঞান অবশ্যই থাকতে হবে। HyperText কিভাবে লিখব? HyperText লিখার জন্য কিছু Text Editor রয়েছে। তন্মধ্যে উল্লেখযোগ্য হল Notepad, Notepad++, Sublime, Atom, Vim. এর যেকোন একটি ব্যাবহার করে HyperText লেখা যায়।