আসুন HTML শিখি (পর্ব-৮)

এটি 18 পর্বের HTML বেসিক ট্রেনিং ফ্রি বিষয়ক টিউনের 8 পর্ব

আসালামু আলাইকুম/নমস্কার । কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন। আজকে ৮ তম পর্ব নিয়ে আসলাম আপনাদের কাছে। আজকে আমরা একটা নুতন জিনিস নিয়ে আলোচনা করব । চলুন শুরু করি।গত পর্বগুলি যারা মিস করেছেন তারা এখানে ক্লিক করে দেখে নিতে পারেন ।

আজকে আমারা font color ট্যাগ নিয়ে আলোচনা করব । আমরা কোন লাইন এর বিভিন্ন অক্ষর বা ফন্ট কিভাবে বিভিন্ন রং এ রঞ্জিত করব তা দেখব । চলুন শুরু করি ।

***প্রথমে আমরা font color ট্যাগ এর ফরম্যাট দেখে নেই।

***আসুন এবার ব্যাপারগুলো নিয়ে আলোচোনা করি । আপনারা font color এ ১৬টি মৌলিক রং এর যেকোন একটির নাম দিলে ফন্টটি বা অক্ষরটি সেই রঙে রঞ্জিত হবে । এই ১৬ টি রং এর বাহিরে কোন রং এর নাম দিলে ওয়েব সাইট তা দেখাতে পারবে না।এই ১৬ টি রং হচ্ছে black,gray,silver,white,navy,blue,teal,aqua,green,lime,olive,yellow,maroon,red,purple,fuchsia. নিচের ছবিটি দেখুন । ছবিটিতে ১৬ টি রং এর নাম দেওয়া আছে ।

উপরের নিয়ম Follow করে একটি এইচটিএমএল কোড লিখি

<html>
<head>
<title>We loveBangladesh</title>
</head>
<body>
<h1><font color=”red”> we live in a small country.</font></h1><br>
<h3><font color=”black”> we live in a small country.</font></h3><br>
<h1><font color=”blue”> we live in a small country.</font></h1><br>
<h3><font color=”yellow”> we live in a small country.</font></h3><br>
<h1><font color=”green”> we live in a small country.</font></h1><br>
<h3><font color=”olive”> we live in a small country.</font></h3><br>
</body>
</html>

***তারপর তা ar.html নামে সেভ করে double click করে ওপেন করুন।তারপর দেখুন নিচের ছবির মত আসছে

***তাহলে কি আমরা এই ১৬ টা রং এর বাহিরে কোন রং ব্যাবহার করতে পারব না?????অবশ্যই পারবেন।সেক্ষেত্রে আপনাদের নাম ব্যাবহার করা চলবে না।আপনাদের হেক্সাডেসিমাল কোড ব্যাবহার করতে হবে।

**এবার আসুন শিখি কিভাবে হেক্সাডেমিকাল কোড ব্যাবহার করবেন । একে #rrggbb আকারে প্রকাশ করা হয়।এখানে rr দিয়ে red red, gg দিয়ে green green, bb দিয়ে blue blue বুঝাচ্ছে। এখন ধরুন একটা কোড দেওয়া আছে #336633 . এই কোড দিয়ে এমন একটা রং বুঝাচ্ছে যেটাতে rr=33,gg=66,bb=33 ।মানে ওই রংটাতে ৩৩% red,৩৩% green, ৩৩% blue রং মিশ্রিত অবস্থায় আছে । আশাকরি বুজতে পেরেছেন ।

***আরেক ধরনের কোড আছে।যেমনঃ #6633ff .এখানে rr=66,gg=33,bb=ff. প্রথম দুইটা দিয়ে বুঝাচ্ছে অই রং এ ৬৬% red, ৩৩% green color আছে।কিন্তু ff দিয়ে কি বুঝায়??? ff দিয়ে সবোর্চ্চ পরিমান বুঝায় । (এটা হেক্সাডেসিমাল এর ব্যাবহার ) এটা একটু কঠিন তবে নিচের অংশটুকো খেয়াল করুন পড়ুন আশাকরি সব বুজতে পারবেন । [[[ এবার আসুন দেখি হেক্সাডেসিমাল ব্যাবহার করা হয়। একে #RRGGBB আকারে প্রকাশ করা হয়।rr দিয়ে red,gg দিয়ে green,bb দিয়ে blue বুঝায় । এই red,green,bue এর সমষ্টি হচ্ছে rgb.এদের প্রত্যেকের মান 0 হতে ২৫৫ এর মধ্যে হবে।মানে এরা প্রত্যেকের মান এককভাবে ০ হতে ২৫৫ এর মধ্যে হবে । যদি কোন রং এর মান ২৫৫ আসে তাহলে তা সবোর্চ্চ পরিমান এ আছে আছে বুঝতে হবে।মানে ১২৫ এর বেশি যত বাড়তে থাকবে রংটি তত গাঢ় হবে।১২৫ এর কম হতে থাকলে রং তত হালকা হবে। আসুন একটা চার্ট দেখি তা হলে বুজতে আরও সহজ হবে ।

***চার্ট টি সুত্রের মত কাজ করবে । ভাল করে লক্ষ্য করুন ।

decimal : 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

hexadecimal : 0 1 2 3 4 5 6 7 8 9 A B C D E F

আসুন এবার আমরা একটা সুত্র শিখি হেক্সাডেসিমাল কোড এর মান কত তা বের করার নিয়মঃ

সুত্র= (যদি কোডটা A,B,C আকারে থাকে তাহলে চার্ট এ তার মান যত তা ( যেমন A এর মান 10, B এর মান 11 ) / যদি সংখ্যা থাকে যেমন 52 তাহলে তার প্রথম সংখ্যা যেমন এখানে 5 * 16) + A,B,C এর মান/যদি সংখ্যা থাকে তাহলে শেষ সংখ্যাটুকু যেমন 2 ।

***আসুন এবার একটা কোড দেখি । #CCFF98.আসুন দেখি আমরা এই কোড দিয়ে কি বুঝি। এখানে CC=RR(red),FF=GG(green),98=BB(blue) বুঝাচ্ছে ।

এখানে CC= (12*16)+12=204,

FF=(15*16)+15=255,

98=(9*16)+8=152.

অর্থাৎ উপরের কোড cc এর মান বের করেছি c= 12( hexadecimal এ C এর মান ) * 16 + 12( hexadecimal এ C এর মান ) কারন আমাদের CC মান নিতে হবে একটা C দিয়ে গুন করতে হবে তারপর পরের তা দিয়ে যোগ করতে হবে । ]]]

***আর হেক্সাডেসিমাল কোড এর শুরুতে কিন্তু অবশ্যই হ্যাশ
(#)
দিতে হবে। কোড লিখার সময়
(#)
দিয়ে শুরু করতে হবে ।

***এবার আসুন উপরের নিয়ম অনুসরন করে একটি html কোডিং তৈরি করি।

<html>
<head>
<title>We loveBangladesh</title>
</head>
<body>
<h1><font color=”#ccff33″> we live in a small country.</font></h1><br>
<h3><font color=”#6633ff”> we live in a small country.</font></h3><br>
<h1><font color=”#663300″> we live in a small country.</font></h1><br>
<h3><font color=”#999900″> we live in a small country.</font></h3><br>
<h1><font color=”#9900cc”> we live in a small country.</font></h1><br>
<h3><font color=”#003333″> we live in a small country.</font></h3><br>
</body>
</html>

***তারপর তা aaur.html নামে সেভ করে double click করে ওপেন করুন।তারপর দেখুন নিচের ছবির মত