এইচটিএমএল ও এইচটিএমএল ৫ এবং সিএসএস ও সিএসএস ৩ এর চেইন টিউন ২য় পর্ব

=======================================================================================
সবাই কেমন আছেন......? আশা করি ভালোই আছেন……।আনেক বড়ো একটা বিষয় নিয়ে টিউন করছি কোন ভূলত্রুটি হলে নিজ গুনে ক্ষমা করে দিবেন......।

=======================================================================================

এইচটিএমএল ও এইচটিএমএল ৫ এবং সিএসএস ও সিএসএস ৩ এর চেইন টিউন ১ম পর্ব টা দেখেছেন এপরজন্ত ২৪০ জন কিন্তু মন্তম্ব পেলাম মাত্র ৪ জন এর।আসলে আপনারা আমার টিউন টা বুজতেছেন কিনা বা আপনাদের কোন কাজে আসছে কিনা আমি ঠিক বুজতে পারছি না যাই হোক আমি এখন এইচটিএমএল ও এইচটিএমএল ৫ এবং সিএসএস ও সিএসএস ৩ এর চেইন টিউন ২য় পর্ব শুরু করছি।দয়াকরে আপনাদের মন্তব্য জানাবেন।

আজ টিউন টি হবে এইচটিএমএল এর ওপরঃ

সর্ব প্রথম আমি আপনাদের ওয়েব ডিজাইন এর কোড লেখার জন্য একটি সফটওয়্যার রেফার করব এটি হল NetBeans IDE তবে আপনি যদি ওন্য কোন সফটওয়্যার ব্যবহার করতে চান তাহলে ও সমস্যা নাই। তবে NetBeans IDE আপনার কোডের ভুল ধরিয়ে দিবে। আর এখন অনেক সফটওয়্যার ফারম এ ও NetBeans IDE তে কাজ জানে এমন ডিজাইনার চাচ্ছে। আমি আপনাদের টিউন গুলা NetBeans IDE ব্যাবহার করেই করব। আপনার প্রয়োজন হলে NetBeans IDE এখানথেকে ডাউনলোড করে নিতে পারেন। আপনারা যদি NetBeans ব্যাবহার করতে চান আর যদি NetBeans ব্যাবহার করতে কোন সমস্যা হয় আমাকে জানাবেন আমি NetBeans এর ওপর একটি টিউন করব।

এইচটিএমএলঃ

আমরা আগেই জেনেছি এইচটিএমএল একটি মারকাপ ল্যাঙ্গুয়েজ।এই ল্যাঙ্গুয়েজ টা কে ভিউ করতে পারে ব্রাউজার। এইচটিএমএল এর সারভার হল ব্রাউজার।আমরা NetBeans এ কোড লিখবো আর ব্রাউজার এ তার অউটপুট দেখব।

এইচটিএমএল এর প্রথমে আপনাকে জানতে হবে এইচটিএমএল স্ট্রাকচার কি?

এইচটিএমএল এর স্ট্রাকচার হলঃ

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

=======================================================================================
আজ এ টুকুই আগামি পর্বে আবার দেখা হবে।আশাকরি ভালোই থাকবেন।শুভ রাত্রি।
=======================================================================================

Level 0

আমি Debobrato। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 1 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 8 টি টিউন ও 11 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

ধন্যবাদ, আশাকরি আমি উপকৃত হব।

    Level 0

    @m.sharma: আমার সাথে থাকার জন্য আপনাকে ধন্যবাদ……ঃ)

Level New

onek sondor asha kori sesh kore charben ordhek pothe thambenna

Level New

khub guchia pst krar jnno thanks.tbe arakto bistarito alochana krle bhalo ht.

খুব ভালো ভাবে বুঝিয়েছেন আপনি। কিন্তু,খুবই ছোট পোস্ট।।আগামী পোস্ট গুলো তাড়াতাড়ি পাবো আশা রাখি।আর মাঝ পথে যেন হারিয়ে যেয়েন না।

Level 2

very good Dabu bro carry on …………………….

ভাই শুরুটা বেশ ভালোভাবেই করেছেন। আমি কম্পিউটার প্রোগ্রাম এর ব্যাপারে কিছুই জানি না। কিন্তু এখন আশা করছি প্রগ্রামিংটা আপনার কাছ থেকে বেশ ভালভাবেই শিখতে পারবো। তবে netbeans এর বিষয়টা একটু বিস্তারিত আলোচনা করলে ভালো হত। চালিয়ে যান ভাই, সঙ্গে আছি।

    Level 0

    @FAIYAJ BIN REZA: ধন্যবাদ ভাই। Netbeens নিয়ে খুব তাড়াতাড়ি টিউন করব।

Level 0

অনেক হেল্পফুল একটা টিপস পেলাম,ধন্যবাদ