Friday , 15 November 2019
Home » Web Design » HTML বাংলা টিউটোরিয়াল (পর্ব-৬)body ইলিমেন্ট এ অ্যাট্রিবিউট এর ব্যবহার।

HTML বাংলা টিউটোরিয়াল (পর্ব-৬)body ইলিমেন্ট এ অ্যাট্রিবিউট এর ব্যবহার।


হ্যালো বন্দুরা ,HTML বাংলা টিউটোরিয়াল এ আপনাদের স্বাগতম।

যারা আগের পর্ব দেখেন নি তারা দেখুন- HTML বাংলা টিউটোরিয়াল(পর্ব-৫)Elements in HTML.

আমাদের আজকের বিষয় হল-

body ইলিমেন্ট এ অ্যাট্রিবিউট এর ব্যবহার

এইচটিএমএল এর বডি ইলিমেন্ট এ নিম্নোক্ত অ্যাট্রিবিউটগুলো ব্যবহৃত হয়ে থাকে।

 alink

 background

 bgcolor

 link

 vlink

alink

“active link” এর সংক্ষিপ্ত রূপ হচ্ছে “alink”. এই অ্যাট্রিবিউট ব্যবহার করে লিংকের কালার নির্ধারণ করে দেয়া হয়। ভিজিটর যখন ওয়েবপেজে ব্যবহৃত কোন লিংকের উপর ক্লিক করে, তখন এই অ্যাট্রিবিউটটি কাজ করে। অর্থাৎ,কোন লিংকের উপর ক্লিক করার সময় “alink” অ্যাট্রিবিউট এ ব্যবহার করা কালারটি প্রদর্শিত হবে।

Value :

alink অ্যাট্রিবিউটে value /মান হিসেবে Color নির্ধারণ করা হয়। এইচটিএমএল এ তিনভাবে কালার নির্ধারণ করা যায়।
১. Color name (কালার এর নাম ব্যবহার করে – যেমনঃ ” green “);
২. RGB (Red, Greeen & Blue) Code – RGB মান, যেমন ঃrgb (0,0,0) ) ব্যবহার করে
৩. . Hex (Hexadecimal) কোড ব্যবহার করে – যেমন ঃ- “#0000FF”।
এইচটিএমল কালার নিয়ে টিউটোরিয়াল পরবর্তীতে বিস্তারিত আলোচনা করা হবে।
লিখার নিয়ম ঃ
< body alink=”Color_name অথবা RGB_Code অথবা Hex_Code”>
নিচে alink অ্যাট্রিবিউট এর ব্যবহার দেখানো হলো ঃ

কোড বিশে- ষণ ঃ

উপরের প্রোগ্রামে <<body alink=”red”> এর মাধ্যমে ধষরহশ অ্যাট্রিবিউট এর ভ্যালিউ হিসেবে লাল কালার ব্যবহার করা হয়েছে। এখানে আমরা কালার এর নাম উল্যেখ করে কাজটি করেছি। চাইলে RGB অথবা Hexadecimal Code ব্যবহার করেও কাজটি করতে পারতাম। এর নিচে <p><a href=”http://www.w3schools.com”> W3Schools.com </a></p> এবং <p> <a href=”http://www.w3schools.com/html/”>HTML Tutorial </a></p> লাইন দু’টির মাধ্যমে ওয়েবপেজে দু’টি লিংক তৈরি করা হয়েছে। (লিংক নিয়ে টিউটোরিয়াল এর পরবর্তীতে বিস্তারিত আলোচনা করা হয়েছে)।

এখন পেজটি ব্রাউজারে রান করালে নিচের চিত্রের মতো আউটপুট আসবে

চিত্রঃ(এইচটিএমএল পেজকে ব্রাউজারে শো করানো)।

এবার ওয়েবপেজে প্রদর্শিত লিংক দু’টির ( (W3Schools.com এবং HTML Tutorial) উপর ক্লিক করলে, এগুলো লাল রং (কারণ, আমাদের অ্যাট্রিবিউট এর ভ্যালিউ লাল রংয়ের ছিল) ধারণ করবে। এখন আমি যদি ঐ HTML Tutorial লিংকটির উপর ক্লিক করি, তাহলে দেখি বিষয়টি কি হয় !!

চিত্রঃ HTML Tutorial লিংকে ক্লিক করা।

উপরের চিত্রে লক্ষ করা যাচ্ছে যে, HTML Tutoria লিংকটির উপর ক্লিক করাতে এটি লাল রং ধারণ করছে।

Note :

*) HTML 5 – < alink> অ্যাট্রিবিউট সাপোর্ট করে না।
*) HTML 4.01 ভার্সনে এটিকে অবচিত ঘোষনা করা হয়।
*) এর পরিবর্তে CSS ব্যবহার করা যেতে পারে।

background

ওয়েবপেজের ব্যাকগ্রাউন্ডে ইমেজ ব্যবহারের জন্য এই অ্যাট্রিবিউটটি ব্যবহার করা হয়ে থাকে।

Value :

background অ্যাট্রিবিউট এর ভ্যালিউ/মান হিসেবে URL (Uniform Resource Locator) অর্থাৎ লিংক ব্যবহার করা হয়। অর্থাৎ যেখান থেকে আপনি ইমেজটি ব্যবহার করতে চাচ্ছেন, সেখানকার লিংক এখানে উল্যেখ করেক দিতে হয়। এক্ষেত্রে দুই ধরণের লিংক ব্যবহার করা হয়। যথা ঃ

১)Absolute URL : যখন অন্য কোন ওয়েবসাইটের লিংক ব্যবহার করা হয়, তখন এটিকে Absolute URL বলা হয়। যেমনঃ(www.anotherwebsite.com/images/body_image.jpeg)

২) Relative URL : যখন একই ওয়েবসাইটের কোন লিংক ব্যবহার করা হয়, তখন এটিকে Relative URL বলা হয়। যেমন ঃ (images/body_image.jpeg)

লিখার নিয়ম ঃ
< body background=”URL of image” >

HTML বাংলা টিউটোরিয়াল

কোড বিশেষণ ঃ
উপরের প্রোগ্রামে ব্যকগ্রাউন্ড ইমেজের জন্য একটি Absolute Url ” < body background=”http://pubpages.unh.edu/~cas254/html.jpg” >” ব্যবহার করা হয়েছে।এখন পেজটি ব্রাউজারে রান করালে নিচের মতো আউটপুট প্রদর্শিত হবে।

HTML বাংলা টিউটোরিয়াল

উপরের চিত্রে “HTML Logo” সম্বলিত একটি ইমেজ আমাদের ওয়েবপেজের ব্যবকগ্রাউন্ডে দেখা যাচ্ছে।

bgcolor ঃ

ওয়েবপেজের ব্যাকগ্রাউন্ডে কালার ব্যবহার করার জন্য bgcolor অ্যাট্রিবিউটটি ব্যবহার করা হয়।

Value :

bgcolor অ্যাট্রিবিউটে া value /মান হিসেবে Color নির্ধারণ করা হয়। এইচটিএমএল এ তিনভাবে কালার নির্ধারণ করা যায়।

১. . Color name (কালার এর নাম ব্যবহার করে – যেমন ঃ “green,red,yellow”);

২. RGB (Red, Greeen & Blue) Code – RGB মান, যেমন ঃ rgb(0,0,0) ব্যবহার করে

৩. Hex (Hexadecimal) কোড ব্যবহার করে – যেমন ঃ- “#0000FF”।

লিখার নিয়ম ঃ

< body bgcolor=”Color_name অথবা RGB_Code অথবা Hex_Code”>

নিচে bgcolor অ্যাট্রিবিউট এর ব্যবহার দেখানো হলো ঃ

HTML বাংলা টিউটোরিয়াল

কোড বিশেষণ ঃ

উপরের প্রোগ্রামে-ওয়েবপেজের ব্যাকগ্রাউন্ড এ কালার দেয়ার জন্য “< body bgcolor=”A52A2A “>” লাইনটি ব্যবহার করা হয়েছে। এখানে Brown (বাদামি) কালারটি নির্বাচন করা হয়েছে এবং কালার এর জন্য Hex_Code “A52A2A” ব্যবহার করা হয়েছে।
এখন উপরের পেজটি ব্রাউজারে রান করালে নিচের মতো আউটপুট প্রদর্শিত হবে।

HTML বাংলা টিউটোরিয়াল

Note :

*) HTML 5 – < bgcolor > অ্যাট্রিবিউট সাপোর্ট করে না।
*) HTML 4.01 ভার্সনে এটিকে অবচিত ঘোষনা করা হয়।
*) এর পরিবর্তে CSS ব্যবহার করা যেতে পারে।

link

ওয়েবপেজে ব্যবহৃত সকল লিংক এর কালার সেট করার জন্য এই link অ্যাট্রিবিউটটি ব্যবহৃত হয়ে থাকে।

Value :

link অ্যাট্রিবিউটে value /মান হিসেবে Color নির্ধারণ করা হয়। এইচটিএমএল এ তিনভাবে কালার নির্ধারণ করা যায়।

১. Color (কালার এর নাম ব্যবহার করে – যেমনঃ “green,red,yellow”);
২. RGB (Red, Greeen & Blue) Code – RGB মান, যেমন ঃ rgb (0,0,0) ব্যবহার করে
৩. Hex (Hexadecimal) কোড ব্যবহার করে – যেমন ঃ- ” – “#0000FF”

লিখার নিয়ম ঃ
< body link=”Color_Name অথবা RGB_Code অথবা Hex_Code”>

vlink ঃ

Visited link এর সংক্ষিপ্ত রূপ হচ্ছে vlink. Visited link বলতে যে সকল লিংক পূর্বে ভিজিট করা হয়েছে/ক্লিক করা হয়েছে, সে সকল লিংক এর কালার vlink অ্যাট্রিবিউট এর মাধ্যমে নির্ধারণ করে দেয়া যায়।

Value :

text অ্যাট্রিবিউটে value /মান হিসেবে Color নির্ধারণ করা হয়। এইচটিএমএল এ তিনভাবে কালার নির্ধারণ করা যায়।

link অ্যাট্রিবিউটে value /মান হিসেবে Color নির্ধারণ করা হয়। এইচটিএমএল এ তিনভাবে কালার নির্ধারণ করা যায়।

১. Color (কালার এর নাম ব্যবহার করে – যেমনঃ “green,red,yellow”);
২. RGB (Red, Greeen & Blue) Code – RGB মান, যেমন ঃ rgb (0,0,0) ব্যবহার করে
৩. Hex (Hexadecimal) কোড ব্যবহার করে – যেমন ঃ- ” – “#0000FF”

লিখার নিয়ম ঃ
< body vlink=”Color_Name অথবা body vlink=”Color_Name অথবা Hex_Code”>

Note :

*) HTML 5 – < alink> অ্যাট্রিবিউট সাপোর্ট করে না।
*) HTML 4.01 ভার্সনে এটিকে অবচিত ঘোষনা করা হয়।
*) এর পরিবর্তে CSS ব্যবহার করা যেতে পারে।

তাহলে বন্ধুরা এখানেই শেষ করছি আজকের টিউটরিয়াল,সবাই ভাল থাকুন সুস্থ থাকুন।আর

কমেন্ট করে জানাতে ভুলবেন না আপনার কাছে কেমন লাগছে আমাদের 

HTML বাংলা টিউটোরিয়াল

আল্লাহ হাফেজ

পরের পর্ব-HTML বাংলা টিউটোরিয়াল (পর্ব-৭),এইচটিএমএল টেক্সট ফরম্যাটিং।

About Mir Md Aminul Haque

প্রযোক্তিকে ভালবাসি ,নিত্য জানতে চাই নতুন কিছু,ছড়িয়ে দিতে চাই উজার করে নিজের জ্ঞান সবার মাঝে।

Check Also

বাজেটের মধ্যে Core i3 ডেস্কটপ নিজ হাতে তৈরী করুন

হ্যলো বন্ধুরা,আজকে আমি আপনাদের জন্য নিয়ে এসেছি একদম সুপার ডুপার একটা পোস্ট,পোস্ট টা হচ্ছে বাজেটের…

45 comments

  1. It is in point of fact a nice and helpful piece of info. I am happy that you just shared this helpful information with us. Please keep us up to date like this. Thank you for sharing.

  2. It’s really a cool and useful piece of information. I’m happy that you simply shared this useful info with us. Please stay us up to date like this. Thanks for sharing.

  3. Youre so cool! I dont suppose Ive learn something like this before. So nice to find any person with some original thoughts on this subject. realy thanks for beginning this up. this website is something that’s wanted on the web, somebody with a bit originality. useful job for bringing one thing new to the web!

Leave a Reply

Your email address will not be published.