রং (Colors in html tutorials)

HTML যেকোন element এর রং সেট করার তিনটি পদ্ধতি আছে। . রংয়ের নাম দিয়ে, . রংয়ের RGB মান দিয়ে এবং . রংয়ের হেক্সাডেসিমাল মান দিয়ে

 

. রংয়ের নাম দিয়ে

আপনি সরাসরি রংয়ের নাম ব্যবহার করে একটা এইচটিএমএল এলিমেন্টে রং দিতে পারেন। সাধারন কিছু কালার যেমন black, white, red ইত্যাদি। এইচটিএমএল কালার value লেখার সময় সরাসরি এদের নাম লেখা হয়। নিচে ১৬টি মৌলিক কালারের নাম লেখা হল।

 

Black

 

Gray

 

Silver

 

White

 

Yellow

 

Lime

 

Aqua

 

Fuchsia

 

Red

 

Green

 

Blue

 

Purple

 

Maroon

 

Olive

 

Navy

 

Teal

উদাহরন

<html>

<head>

<title>HTML Color Tutorial | SPFoundation</title>

</head>

<body bgcolor="red">

<p style="background:black;">Bangladesh is a country of natural beauty</p>

<p class="SPFoundation">SPFoundation DOT com is the largest bengali tutorial site</p>

</body>

</html>

 

. RGB মান মান দিয়ে

আমি আপনাদেরকে নিরাপদ web design এর জন্য HTML rgb ব্যবহারের পরামর্শ দেব না কারন Non-IE browser,  HTML rgb সাপোর্ট করে না। আপনারা যদি CSS শিখতে চান তাহলে আপনাদের উচিত এই বিষয় সম্বন্ধে জানা।

Red, Green এবং Blue এই তিনটি কালারের সমষ্টি হচ্ছে  rgb প্রত্যেকের মান (যখন কোন কালার থাকে না) হতে ২৫৫(যখন কালারটি সম্পুর্ন থাকে) rgb ফরমেটটি হল rgb(RED,GREEN,BLUE)

Red, Green এবং Blue এর মান:

 

bgcolor="rgb(255,255,255)"

White

bgcolor="rgb(255,0,0)"

Red

bgcolor="rgb(0,255,0)"

Green

bgcolor="rgb(0,0,255)"

Blue

 

. হেক্সাডেসিমাল মান দিয়ে

কাজ চলছে....

রং (Colors)

bgcolor attribute টি বিশেষভাবে Webpage এবং টেবিলের background নিয়ন্ত্রন করে। Bgcolor এট্রিবিউট টিকে অনেক html tag এর মধ্যে ব্যাবহার করা যায় তবে সবচেয়ে ভাল হয় <body> এবং <table> tag এর মধ্যে ব্যাবহার করলে। অতিরিক্ত হিসাবে background style করতে চাইলে css background(CSS টিউটোরিয়ালে আরোচনা করা হয়েছে) দেখতে পারেন।

গঠন:

<tagname bgcolor ="value">

<body bgcolor="Silver">

<p>We set the background of this paragraph to be silver. The body tag is

where you change the pages background. Now continue the lesson to

learn more about adding background colors in your HTML!

</p>

</body>

প্রদর্শন:

We set the background of this paragraph to be silver. The body tag is where you change the pages background. Now continue the lesson to learn more about adding background colors in your HTML!

টেবিলের ব্যাকগ্রাউন্ড  কালার যোগ করা :

<table bgcolor="lime" border="1"><tr>

<td>A lime colored table background using color names.</td>

</tr></table>

<table bgcolor="#ff0000" border="1"><tr>

<td>A red colored table background using hexadecimal values "#FF0000".</td>

</tr></table>  

<table bgcolor="rgb(0, 0, 255)" border="1"><tr>

<td>A blue colored table background using RGB values "rgb(0, 0, 255)".</td>

</tr></table>

প্রদর্শন:

A lime colored table background using color names.

 

A red colored table background using hexadecimal values "#FF0000".

 

A blue colored table background using RGB values "rgb(0, 0, 255)".

টেবিলের সারি এবং কলামে কালার যোগ করা:

<table>

<tr bgcolor="#FFFF00"><td>This Row is Yellow!</td></tr>

<tr bgcolor="#AAAAAA"><td>This Row is Gray!</td></tr>

<tr bgcolor="#FFFF00"><td>This Row is Yellow!</td></tr>

<tr bgcolor="#AAAAAA"><td>This Row is Gray!</td></tr>

<tr bgcolor="#FFFF00"><td>This Row is Yellow!</td></tr>

<tr bgcolor="#AAAAAA"><td>This Row is Gray!</td></tr>

</table>

প্রদর্শন:

This Row is Yellow!

This Row is Gray!

This Row is Yellow!

This Row is Gray!

This Row is Yellow!

This Row is Gray!

একত্রে ব্যাকগ্রাউন্ড color এবং font color:

<table bgcolor="#000000">

<tr><td bgcolor="#009900">

<font color="#FFFF00" align="right">Green Bay</font></td>

<td><font color="#FFFFFF">13</font></td></tr>

<tr><td bgcolor="#0000FF">

<font color="#DDDDDD" align="right">New England</font></td>

<td><font color="#FFFFFF">27</font></td></tr>

</table>

<table bgcolor="#777777">

<tr><td>

<p><font face="Monotype Corsiva, Verdana" size="4" color="#00FF00">

This paragraph tag has...

</font></p>

</td></tr>

</table>

প্রদর্শন:

 

This paragraph tag has a gray background with green colored font. You should see Monotype Corsiva font if you have it installed, or Verdana as the backup. Both fonts are widely accepted as standard fonts.