আমাদের কথা খুঁজে নিন
এইচটিএমএল ও এইচটিএমএল ৫ এবং সিএসএস ও সিএসএস ৩ এর চেইন টিউন ২য় পর্ব
=======================================================================================
সবাই কেমন আছেন......? আশা করি ভালোই আছেন……। আনেক বড়ো একটা বিষয় নিয়ে টিউন করছি কোন ভূলত্রুটি হলে নিজ গুনে ক্ষমা করে দিবেন......।
=======================================================================================
সর্ব প্রথম আমি আপনাদের ওয়েব ডিজাইন এর কোড লেখার জন্য এটি সফটওয়্যার রেফার করব এটি হল NetBeans IDE তবে আপনি যদি ওন্য কন সফটওয়্যার ব্যবহার করতে চান তাহলে ও সমস্যা নাই। তবে NetBeans IDE আপনার কোডের ভুল ধরিয়ে দিবে। আর এখন অনেক সফটওয়্যার ফারম এ ও NetBeans IDE তে কাজ জানে এমন ডিজাইনার চাচ্ছে।
আমি আপনাদের টিউন গুলা NetBeans IDE ব্যাবহার করে ই করব। আপনা প্রয়োজন হলে NetBeans IDE এখানথেকে ডাউনলোড করে নিতে পারেন। আপনারা যদি NetBeans ব্যাবহার করতে চান আর যদি NetBeans ব্যাবহার করতে কোন সমস্যা হয় আমাকে জানাবেন আমি NetBeans এর ওপর একটি টিউন করব।
আমরা আগেই জেনেছি এইচটিএমএল একটি মারকাপ ল্যাঙ্গুয়েজ। এই ল্যাঙ্গুয়েজ টা কে ভিউ করতে পারে ব্রাউজার।
এইচটিএমএল এর সারভার হল ব্রাউজার। আমরা NetBeans এ কোড লিখবো আর ব্রাউজার এ তার অউটপুট দেখব।
এইচটিএমএল এর প্রথমে আপনাকে জানতে হবে এইচটিএমএল স্ট্রাকচার কি?
এইচটিএমএল এর স্ট্রাকচার হলঃ
এইচটিএমএল এর কোড লিখতে হলে এইচটিএমএল এর স্ট্রাকচার বাদ্ধতা মূলক। এইচটিএমএল লিখতে হয় ট্যাগ এর মাদ্ধমে। এইচটিএমএল এর ট্যাগ এর অল্পকিছু ট্যাগ এর শেষ থাকেনা।
আর সব ট্যাগ এর ই শেষ হয় </> এর দারা। এইচটিএমএল এর ট্যাগ আছে ১১৪টা (বর্ত মানে এইচটিএমএল৫ সহ)। এর ভেতর ৬০-৭০ টা ট্যাগ জানাথাকলে ই আপনি এইচটিএমএল দারা ভালো পেজ দাড় করাতে পারবেন।
আমি এখন এইচটিএমএল এর স্ট্রাকচার এ যে ট্যাগ গুলি আছে আমি ওই ট্যাগ গুলি নিয়ে এখন আলোচনা করবঃ
<!DOCTYPE html>ঃ এই ট্যাগ টা পেজ কে এইচটিএমএল এর ডকুমেন্ট তৈরি করে ব্রাউজার এর লাইব্রেরি কে চিনিয়ে দিবে এইচটিএমএল এর ভারশন।
<html></html>ঃ এই ট্যাগ টি হল এইচটিএমএল এর মা ট্যাগ।
এই ট্যাগ এর মাঝে এইচটিএমএল এর সন ট্যাগ লিখতে হয়। শুধুমাত্র আর ট্যাগ ছাড়া। এই ট্যাগ টি এইচটিএমএল এর সবচেয়ে বড় ট্যাগ।
<head></head>ঃ এই ট্যাগ টি ব্যাবহার হয় ব্রাউজার এর স্ট্যাটাস আর ওনান্য ল্যাঙ্গুয়েজ এর সাথে সম্পর্ক জুক্ত করতে।
<title></title>ঃ এই ট্যাগ টির মাঝে যা লেখাহয় তা ব্রাউজারের স্ট্যাটাস এ দেখাবে।
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">ঃ এই ট্যাগ টির মাঝে = এর আগে যা আছে তা হল একট্রিবিউট । আর = এর পর যা থাকে তা হল ভেলু। এই ট্যাগ টির মাঝে charset=UTF-8 যদি না থাকে তা হলে ইংলিশ ভাষা ছাড়া ওন্যকোন ভাষা ব্রাউজার দেখাবেনা।
<body></body>ঃ এই ট্যাগ টির মাঝে আমরা যাই লিখব তার সবই আমাদের ব্রাউজার এর পেইজ এ দেখা যাবে।
=======================================================================================
আজ এ টুকুই আগামি পর্বে আবার দেখা হবে।
আশাকরি ভালোই থাকবেন। শুভ রাত্রি।
=======================================================================================
।
এর পর.....
- নকিয়া তাঁদের অ্যাপ গ্যালারী সমৃদ্ধ করতে শুরু করছে অ্যাপ প্রতিযোগিতা
- অ্যামটবের ওয়েবসাইট ও মাসিক পত্রিকা
- স্মৃতি
- দেশে মোবাইল ফোনে স্বাস্থ্যসেবা কার্যক্রম আপনজনের গ্রাহক ৫০ হাজার ছাড়িয়েছে
- ওয়েব ব্রাউজারে ইংলিশ টু বাংলা ডিকশনারি যোগ করে নিন
- সেলাই দিদিমনি
- তৃতীয় শ্রেনীর রাজনীতিক....
- শুভ সংবাদ!!! প্রভা মা হচ্ছেন।
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।