Welcome to Creationbangla-24. কেমন আছেন বন্ধুরা? আশা করি মহান আল্লাহ্ তা'য়ালার অশেষ রহমতে ভালো আছেন। আপনারা অবশ্যই Title দেখে বুঝতে পেরেছেন এই পেজে কী বিষয় নিয়ে আলোচনা করতে যাচ্ছি। তো আপনাদের জানিয়ে রাখি এটি একটি শিক্ষা বিষয়ক সাইট। এই site এ আমি নির্দিষ্ট কিছু বিষয় নিয়ে ধারাবাহিক ভাবে লিখব। আপনাদের একটি কথা না বললেই নয় যে, এই Page টি ভালোভাবে বুঝার জন্য এবং Page টি থেকে উপকৃত হওয়ার জন্য সম্পূর্ণ Page টি মনযোগ সহকারে পড়বেন। এখন এই পেজটিতে আপনাদের সাথে আলোচনা করতে যাচ্ছি "Bold Style Text" সম্পর্কে এবং আপনাদের সাথে আছি আমি Md.Aiub তো চলুন বন্ধুরা শুরু করা যাক।
ওয়েবপেজে Bold Style Text ব্যবহার করার জন্য বা লেখাকে স্বাভাবিকের চেয়ে একটু মোটা করে Highlights করার জন্য <b> Tag ব্যবহার করা হয়।
<b> Tag এর আরো একটি Similar Tag হলো <strong> Tag. এটি লেখাকে স্বাভাবিকের চেয়ে একটু মোটা করে অর্থাৎ Bold style করে গুরুত্বপূর্ণ Text হিসাবে উপস্থাপন করে। কোনো পাঠ্যবিন্যাসের জন্য বা কোনো টেক্স এর উপর গুরুত্বারোপ করার জন্য এই ট্যাগ গুলো খুবই গুরুত্বপূর্ণ।
<b> Tag এর গঠনরীতি: <b> Tag এর গঠনরীতি হলো <b>...Given your text...</b> অর্থাৎ আপনি যতটুকু লেখা Bold Styles করতে চান ততোটুকু লেখাকে অবশ্যই <b> এবং </b> ট্যাগদ্বয়ের মাঝে রাখতে হবে।
<strong> Tag এর গঠনরীতি: <strong> Tag এর গঠনরীতি হলো <strong>...আপনার দেওয়া টেক্স...</strong> অর্থাৎ আপনি যতটুকু লেখা Strong করতে চান ততোটুকু লেখাকে অবশ্যই <strong> এবং </strong> ট্যাগদ্বয়ের মাঝে রাখতে হবে।
<b> Tag এর গঠনরীতি: <b> Tag এর গঠনরীতি হলো <b>...Given your text...</b> অর্থাৎ আপনি যতটুকু লেখা Bold Styles করতে চান ততোটুকু লেখাকে অবশ্যই <b> এবং </b> ট্যাগদ্বয়ের মাঝে রাখতে হবে।
<strong> Tag এর গঠনরীতি: <strong> Tag এর গঠনরীতি হলো <strong>...আপনার দেওয়া টেক্স...</strong> অর্থাৎ আপনি যতটুকু লেখা Strong করতে চান ততোটুকু লেখাকে অবশ্যই <strong> এবং </strong> ট্যাগদ্বয়ের মাঝে রাখতে হবে।
<b> এবং <strong> উভয় ট্যাগে Global Attributes এবং Event Attributes Support করে।
তাছাড়া এই ট্যাগ গুলোর পরিবর্তে CSS ব্যবহার করেও এই ধরণের স্টাইল কারা যায়। যেমন:
bold{font-weight:bold;}
strong{font-weight:bold;}
তাছাড়া এই ট্যাগ গুলোর পরিবর্তে CSS ব্যবহার করেও এই ধরণের স্টাইল কারা যায়। যেমন:
bold{font-weight:bold;}
strong{font-weight:bold;}
নিম্নে Text Bold Style করার জন্য কোডিং করে দেখানো হলো। আপনি চাইলে কোড বা টেক্স পরিবর্তন করে এখানেই অনুশীলন করতে পারেন এবং Run Code Button এ ক্লিক করে উক্ত কোডের Output দেখতে পারেন । আবার আপনি চাইলে Copy Code Button এ ক্লিক করে কোডগুলো কপি করতে পারেন এবং তা আপনার প্রয়োজনে ব্যাবহার করতে পারেন।
উপরিউক্ত Tag বিশ্লেষণ ও কাজের বর্ণনা :
- <!doctype html> এটাকে আসলে সম্পূর্ণ কোন Tag বলা হয় না। <!doctype html> ট্যাগ ব্যবহার করা হয় <html> ট্যাগ এর পূর্বে। যা ওয়েব ব্রাউজার কে html এর ভার্সন বলে দেয়। যাতে ওয়েব ব্রাউজার ওয়েব কন্টেন্ট গুলোর সাথে ভালো ভাবে কাজ করতে পারে। আর <!doctype html> ট্যাগ এর প্রধান কাজ হচ্ছে ওয়েব ব্রাউজার কে বলে দেওয়া যে, ওয়েব পেজটির Document type. HTML5 Standard.
- <html> ট্যাগ দ্বারা ওয়েব ব্রাউজারকে নির্দেশ করা হয়েছে যে, এই ওয়েব পেজটি HTML ভাষায় তৈরী।
- <head> ট্যাগ ওয়েবপেজ সম্পর্কিত তথ্য ধারণ করে। এখানে ওয়েব পেজের শিরোনাম রাখা হয়েছে <head> ট্যাগ এর মাঝে। তাছাড়াও <head> ট্যাগ এর মাঝেই আপনাকে Style sheet, Script, meta ট্যাগ ব্যবহার করতে হবে।
- <title> ট্যাগ ওয়েবপেজের শিরোনাম ধারণ করে। <title> ট্যাগ এর মাধ্যমে ওয়েবপেজের শিরোনাম শুরু করা হয়েছে এবং সম্পূর্ণ শিরোনামটি এই ট্যাগ এর মধ্যেই রাখতে হবে।
- </title> ট্যাগ এর মাধ্যমে ওয়েবপেজের শিরোনাম শেষ করা হয়েছে। অর্থাৎ <title> ট্যাগ বন্ধ করা হয়েছে। এই ট্যাগ এর বাইরে কিছু লিখলে সেটা ওয়েব পেজের শিরোনাম বলে গণ্য হবে না।
- </head> ট্যাগ এর মাধ্যমে <head> বন্ধ করা হয়েছে।
- <body> ট্যাগ ওয়েবপজের মূল উপাদান ধারণ করে। আপনি ওয়েবপেজে যা প্রদর্শন করাতে চান সেই সম্পর্কিত সকল ট্যাগ <body> ট্যাগ এর মধ্যে রাখতে হবে।
- <p> Tag এর মাধ্যমে ওয়েব পেজে একটি Paragraph শুরু করা হয়েছে।
- <b> Tag এর মধ্যমে টেক্স বল্ড স্টাইল শুরু করা হয়েছে।
- </b> Tag এর মধ্যমে টেক্স বল্ড স্টাইল শেষ করা হয়েছে। এই ট্যাগ এর বাইরে কোনো কিছু লিখলে তা বল্ড স্টাইল হবে না।
- <br/> ট্যাগ এর মাধ্যমে ওয়েবপেজে একটি line break করা হয়েছে।
- <strong> Tag এর মধ্যমে Text Strong করা শুরু হয়েছে।
- </strong> Tag এর মধ্যমে Text Strong করা শেষ হয়েছে। এই ট্যাগ এর বাইরে কোনো কিছু লিখলে তা Strong হবে না।
-
<b> ট্যাগ ব্যবহার স্টাইল করলে তা </b> ট্যাগ এর মাধ্যমে বন্ধ করতে হবে।
<strong> ট্যাগ ব্যবহার স্টাইল করলে তা </strong> ট্যাগ এর মাধ্যমে বন্ধ করতে হবে।
আর যদি বন্ধ না করেন তাহলে <b> বা <strong> Tag এর পর যতো কিছু লিখবেন তা সবই Bold বা Strong Style হয়ে যাবে। যা আপনি উপরের Output এ দেখতে পারছেন। - </p> Tag এর মধ্যমে Paragraph করা শেষ হয়েছে। এই ট্যাগ এর বাইরে কোনো কিছু লিখলে তা Paragraph বলে বিবেচিত হবে না।
- </body> Tag এর মাধ্যমে <body> ট্যাগ বন্ধ করা হয়েছে।
- </html> Tag Tag এর মাধ্যমে <html> ট্যাগ বন্ধ করা হয়েছে। অর্থাৎ Html ভাষায় তৈরিকৃত ওয়েজপেজটি শেষ করা হয়েছে। এই ট্যাগ এর বাইরে কিছু লিখলে তা Html ভাষায় তৈরিকৃত ওয়েজপেজটির কোনো Document বলে বিবেচিত হবে না।
ًপ্রিয় পাঠক বন্ধুরা,
আপনারা যদি এই পেজটি পড়ে উপকৃত হন তাহলে আমার পরিশ্রম স্বার্থক হবে। উপকৃত হয়ে থাকলে এই পেজটি আপনার বন্ধুদের মাঝে শেয়ার করতে ভুলবেন না। আপনার মতামত প্রকাশ করতে চাইলে কমেন্ট বক্সে কমেন্ট করতে পারেন। এতোক্ষণ ধর্য্যসহকারে Page টি পড়ার জন্য এবং আপনার মূল্যবান সময় আমাদের সাথে ব্যয় করার জন্য ধন্যবাদ। এর পরের Page এ আপনাদের সাথে "HTML <bdi> Tag অর্থাৎ দ্বি-মুখী টেক্স প্রবাহ" নিয়ে আলোচনা করবো, সেই সময় পর্যন্ত আমদের সাথে থাকার আমন্ত্রণ রইল। আপনাদের সকলে সুস্বাস্থ্য ও দীর্ঘায়ু কামনা করে আজকের মতো শেষ করছি,
আল্লাহ হফেজ...
আপনারা যদি এই পেজটি পড়ে উপকৃত হন তাহলে আমার পরিশ্রম স্বার্থক হবে। উপকৃত হয়ে থাকলে এই পেজটি আপনার বন্ধুদের মাঝে শেয়ার করতে ভুলবেন না। আপনার মতামত প্রকাশ করতে চাইলে কমেন্ট বক্সে কমেন্ট করতে পারেন। এতোক্ষণ ধর্য্যসহকারে Page টি পড়ার জন্য এবং আপনার মূল্যবান সময় আমাদের সাথে ব্যয় করার জন্য ধন্যবাদ। এর পরের Page এ আপনাদের সাথে "HTML <bdi> Tag অর্থাৎ দ্বি-মুখী টেক্স প্রবাহ" নিয়ে আলোচনা করবো, সেই সময় পর্যন্ত আমদের সাথে থাকার আমন্ত্রণ রইল। আপনাদের সকলে সুস্বাস্থ্য ও দীর্ঘায়ু কামনা করে আজকের মতো শেষ করছি,
আল্লাহ হফেজ...
Post a Comment