আমাদের কথা খুঁজে নিন
এইচটিএমএল ও এইচটিএমএল ৫ এবং সিএসএস ও সিএসএস ৩ এর চেইন টিউন ২য় পর্ব
=======================================================================================
সবাই কেমন আছেন......? আশা করি ভালোই আছেন……। আনেক বড়ো একটা বিষয় নিয়ে টিউন করছি কোন ভূলত্রুটি হলে নিজ গুনে ক্ষমা করে দিবেন......।
=======================================================================================
সর্ব প্রথম আমি আপনাদের ওয়েব ডিজাইন এর কোড লেখার জন্য এটি সফটওয়্যার রেফার করব এটি হল 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>ঃ এই ট্যাগ টির মাঝে আমরা যাই লিখব তার সবই আমাদের ব্রাউজার এর পেইজ এ দেখা যাবে।
=======================================================================================
আজ এ টুকুই আগামি পর্বে আবার দেখা হবে।
আশাকরি ভালোই থাকবেন। শুভ রাত্রি।
=======================================================================================
।
এর পর.....
- অ্যান্ড্রয়েড গেমস জোন [পর্ব-০৪]::গুগল রেটিং এর উপর ভিত্তি সবচেয়ে সুন্দর স্পোর্টস গেমস………………………………. ফ্রী! ফ্রী!! ফ্রী!!! গেমসগুলো সব একদম ফ্রী
- বাড়ীবসে আউটসোর্সিং শিখতে চাই। আমি কি ভাবে বাড়ীতে বসে ওয়েব ডেভলপমেন্ট, গ্রাফিক্স ডিজাইন বা ফ্রী-ল্যান্সিং করার কাজ শিখতে পাব?
- হ্যাকোলজিঃ হ্যাকিং শেখার প্রথম বাংলা বই ডাউনলোড করুন একদম ফ্রী
- সাংবাদিকতার গায়ে 'হলুদ'
- বেসিস আউটসোর্সিং অ্যাওয়ার্ড ২০১৪। ৪ ক্যাটাগরিতে ১০০ টি আউটসোর্সিং অ্যাওয়ার্ড। ৬৪ জেলার প্রতি জেলায় ১টি করে আউটসোর্সিং/ফ্রিল্যান্সার অ্যাওয়ার্ড সহ নারী ফ্রিল্যান্সার অ্যাওয়ার্ড। রেজিস্ট্রেশন এর শেষ তারিখ ২৫ ফেব্রুয়ারী ২০১৪। দেশের যে জেলাতেই থাকুন না কেন রে
- দেশে মোবাইল ফোনে স্বাস্থ্যসেবা কার্যক্রম আপনজনের গ্রাহক ৫০ হাজার ছাড়িয়েছে
- ফ্রী ৳১ ডলার বোনাস
- ফ্রী SMS
অনলাইনে ছড়িয়ে ছিটিয়ে থাকা কথা গুলোকেই সহজে জানবার সুবিধার জন্য একত্রিত করে আমাদের কথা । এখানে সংগৃহিত কথা গুলোর সত্ব (copyright) সম্পূর্ণভাবে সোর্স সাইটের লেখকের এবং আমাদের কথাতে প্রতিটা কথাতেই সোর্স সাইটের রেফারেন্স লিংক উধৃত আছে ।