HTML Color/রং code এর ব্যবহার
শুক্রবার, ১৯ জুলাই, ২০১৯
Comment
১।কালার এর নাম ব্যবহার করে কালার সেট:
এইচটিএমএল style এট্রিবিউটের মাধ্যমে color এবং background-color প্রোপার্টিতে কালার এর নাম ব্যবহার করে কালার নির্ধারণ করা যায়।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল কালার নাম</title>
</head>
<body>
<h3 style="background-color:red; color:white;">
ব্যাকগ্রাউন্ডের জন্য লাল কালার এবং টেক্সটের জন্য সাদা কালার সেট করা হয়েছে।
</h3>
<h3 style="background-color:yellow; color:green;">
ব্যাকগ্রাউন্ডের জন্য হলুদ কালার এবং টেক্সটের জন্য সবুজ কালার সেট করা হয়েছে।
</h3>
<h3 style="background-color:cyan; color:red">
ব্যাকগ্রাউন্ডের জন্য সায়ান কালার এবং টেক্সটের জন্য লাল কালার সেট করা হয়েছে।
</h3>
</body>
</html>
২. RGB মান মান দিয়ে
আমি আপনাদেরকে নিরাপদ web design এর জন্য HTML rgb ব্যবহারের পরামর্শ দেব না কারন Non-IE browser, HTML rgb সাপোর্ট করে না। আপনারা যদি CSS শিখতে চান তাহলে আপনাদের উচিত এই বিষয় সম্বন্ধে জানা।
Red, Green এবং Blue এই তিনটি কালারের সমষ্টি হচ্ছে rgb । প্রত্যেকের মান ০(যখন কোন কালার থাকে না) হতে ২৫৫(যখন ঐ কালারটি সম্পুর্ন থাকে)। rgb ফরমেটটি হল rgb(RED,GREEN,BLUE)।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল কালার</title>
</head>
<body>
<h3 style="background-color:rgb(255,0,0)">
rgb(255,0,0) ব্যবহার করে ব্যাকগ্রাউন্ড-কালার করা হয়েছে।
</h3>
<h3 style="background-color:rgb(0,255,0)">
rgb(0,255,0) ব্যবহার করে ব্যাকগ্রাউন্ড-কালার করা হয়েছে।
</h3>
<h3 style="background-color:rgb(0,255,255)">
rgb(0,255,255) ব্যবহার করে ব্যাকগ্রাউন্ড-কালার করা হয়েছে।
</h3>
</body>
</html>
৩।হেক্স ভ্যালু ব্যবহার করে কালার সেট:
হেক্সাডেসিমেল ভ্যালুর মাধ্যমেও এইচটিএমএলের কালার নির্ধারণ করা যায়। যেমন- #RRGGBB, এখানে RR লাল(red), GG সবুজ(green) এবং BB নীল(blue)। হেক্সাডেসিমেল ভ্যালুর সর্বনিম্ন মান হলো 00 এবং সর্বোচ্চ মান হলো FF ।
উদাহরণস্বরূপঃ #FF0000 এর মাধ্যমে লাল কালার প্রদর্শিত হবে, কারণ এখানে লালের ভ্যালুটি সর্বোচ্চ FF দেওয়া হয়েছে এবং অন্যান্য কালার এর জন্য সর্বনিম্ন ভ্যালু 00 ব্যবহার করা হয়েছে।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল কালার</title>
</head>
<body>
<h3 style="background-color:#FF0000">
#FF0000 ব্যবহার করে ব্যাকগ্রাউন্ড-কালার করা হয়েছে।
</h3>
<h3 style="background-color:#00FF00">
#00FF00 ব্যবহার করে ব্যাকগ্রাউন্ড-কালার করা হয়েছে।
</h3>
<h3 style="background-color:#00FFFF">
#00FFFF ব্যবহার করে ব্যাকগ্রাউন্ড-কালার করা হয়েছে।
</h3>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ "HTML Color/রং code এর ব্যবহার"
একটি মন্তব্য পোস্ট করুন