এসো বাংলায় Web Design শিখি [পর্ব-০৩] HTML & CSS কি এবং কেন ব্যবহার করা হয়ে থাকে? | Web Design Tutorial in Bangla [Part-03] What is HTML and CSS? And why is it used?


HTML & CSS কি এবং কেন ব্যবহার করা হয়ে থাকে? | [ What is HTML and CSS? And why is it used? ]

আপনি যদি একজন ভালো Web Designer এবং Developer হতে চান, তাহলে আপনাকে অবশ্যই অবশ্যই HTML & CSS সম্পর্কে ভালো জ্ঞান থাকতে হবে। HTML & CSS ছাড়া আপনি কখনও Web Designer এবং Developer হতে পারবেন না।
কোন ভাষা শিখতে হলে, প্রথমে যেমনঃ অ, আ, ক, খ ইত্যাদি শিখতে হয়, ঠিক তেমনি Web Designer এবং Developer হতে হলে, HTML & CSS শিখতে হবে।
So, HTML & CSS কি এবং কেন ব্যবহার করা হয়ে থাকে? এবং html কিভাবে শিখব সে সম্পর্কে আজকে আমরা এই টিউটরিয়ালে জানবো। চলুন শুরু করা যাক...

HTML কি? | [ What is HTML? ]

html meaning হলো hypertext markup language. এটি হল মুলত একটি markup language যেটার মাধ্যমে আমরা একটি website কে markup করতে পারি। 
Markup এর অর্থ হল, একটি website এর basic structure তৈরি করা। নীচের ছবি লক্ষ্য করলে, আমরা ভালো ভাবে বুঝতে পারবো।



উপরের ছবি যদি আমরা লক্ষ্য করি, তাহলে একটি website কে ভাঙ্গা-চোরা ভাবে দেখা যাচ্ছে। প্রথমে একটি website কে coding এর মাধ্যমে উপরের ছবির মত তৈরি করা হয়। যেমনঃ নীচের code গুলো লক্ষ্য করুন।





এই code গুলোকেই বলা হয় HTML বা  html code. আশা করি আপনারা HTML বা hypertext markup language. বুঝতে পেড়েছেন। এছাড়াও আপনারা যদি  html টিউটোরিয়াল এর জন্য w3schools site visit করেন, তাহলে আরও details জানতে পারবেন। w3schools site visit করার জন্য এইখানে click করুন।

CSS কি? | [ What is CSS? ]

css meaning হলো Cascading Style Sheets. একটু আগে আমরা দেখেছি যে, HTML হচ্ছে একটি website কে markup করার জন্য ব্যবহার করা হয়। অর্থাৎ HTML দিয়ে একটি website এর যে structure তৈরি করা হয়, সেই structure কে Style দেওয়ার জন্য CSS ব্যবহার করা হয়ে থাকে।

যেমনঃ আপনি যখন একটি বাড়ী তৈরি করবেন, তখন সেই বাড়ী তৈরি করার সময় প্রথমে আপনাকে RCC ঢালায়ের মাধ্যমে একটি structure তৈরি করতে হবে। then বসবাসের উপযোগী করে তোলার জন্য আপনাকে দরজা, জানালা, ইত্যাদি লাগাতে হবে। ঠিক তেমনি একটি website তৈরি করার জন্য প্রথমে HTML এর মাধ্যমে structure তৈরি করতে হবে, তারপর CSS ব্যবহার করে Style দিয়ে একটি পরিপূর্ণ website হবে।

উপরে একটি website কে html coding করার ফলে আমরা ভাঙ্গা-চোরা ভাবে দেখেছিলাম, এখন সেই website কে CSS দেওয়ার ফলে নিচের ছবির মত দেখা যাবে।


সুতরাং HTML হলো একটি website কে basic structure গঠন করে এবং CSS হলো সেই basic structure এর উপর Style দিয়ে আপনার website কে পরিপূর্ণ রুপদান করে।                     

অর্থ্যাৎ নীচের ছবি ভালভাবে লক্ষ্য করুন, বাম পার্শে যদি আমরা html code লিখি,  তাহলে ডান পার্শে ছবির মত website এ দেখা যাবে।


অনুরুপভাবে  নীচের ছবি ভালভাবে লক্ষ্য করুন, বাম পার্শে যদি আমরা css code লিখি,  তাহলে ডান পার্শে ছবির মত website এ দেখা যাবে।


css সম্পর্কে আরও জানতে চাইলে এইখানে click করুন।
আজ এই পর্যন্তই রাখলাম, আগামী পর্ব পড়ার জন্য আমন্তণ রইল। সবাই ভালো থাকবেন। “আল্লাহ্‌ হাফেজ”       

Post a Comment

0 Comments