এইচটিএমএল-রং পদ্ধতি আরজিবি মান (HTML- Coloring system: rgb value)

0
19
html
html

প্রথম প্রথম Hexadecimal system বুঝতে একটু কারন এই system একটু জটিল ও কঠিন। practice করার মাধ্যমে বিষয়টি অনেক সহজ হয় যাবে। এই Hexadecimal system সকল ক্ষেত্রে গ্রহনযোগ্য এবং বহুল ব্যবহৃত। Hexadecimal system টি ইন্টারনেটের standard color।

Hexadecimal হল ৬ digit কালারের উপস্থাপন। প্রথম দুটি digit(RR), Red value নির্দেশ করে পরবর্তি দুটি digit(GG), Green value নির্দেশ করে এবং সর্বশেষ দুটি digit(BB), Blue value নির্দেশ করে।

এইচটিএমএল হেক্সাডেসিমাল রং

bgcolor=”#RRGGBB”

এইচটিএমএল -রং কোড (HTML- Colorcode: breaking the code)

নিচে টেবিলে দেখানো হয়েছে কিভাবে বর্ণ Hexadecimal system এর Numbering system কে বর্ধিত করে ১৬ digit এ উন্নীত করে।

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

তাই বর্ণকে নম্বর হিসাবে ব্যবহার করা হয়। এই বর্ণকে পরে নম্বরে রুপান্তর করা হয়।নিচে একটি উদাহরন দেয়া হলো।

একটি বাস্তব হেক্সাডেসিমাল:

bgcolor=”#FFFFFF”

এখানে “F” হচ্ছে সবোর্চ্চ পরিমান এবং এই কালারটি (“#FFFFFF”) সাদা কালার নিদের্শ করে। নিচে বিষয়টি বিস্তারিত আলোচনা করা হয়েছে।

হেক্সাডেসিমাল সূত্র:

(15 * 16) + (15) = 255

উপরের সূত্রটি বাস্তব। প্রথমে F এর মান(১৫) কে ১৬ দ্বারা গুন করে পরবর্তি মানের সাথে যোগ করতে হবে। ২৫৫ মানটি যেকোন প্রাথমিক কালারের মানের ক্ষেত্রে সর্বোচ্চ।নিচে আরও উদাহরন দেয়া হলো।

উদাহরন:

bgcolor=”#CC7005″

CC(RR – Red)

(12 * 16) + (12) = 204

70(GG – Green)

(7 * 16) + (0) = 112

05(BB – Blue)

(0 * 16) + (5) = 5

এইচটিএমএল ফন্ট টিউটোরিয়াল (HTML Font Tutorial in Bangla)

<font> ট্যাগ ব্যাবহার করে ওয়েব সাইটের টেক্সটের স্টাইল, সাইজ এবং কালার যোগ করা হয়। size, color এবং face attributes ব্যাবহার করে আপনি  ফন্ট কে কাস্টমাইজ করতে পারি।<basefont> ট্যাগ ব্যাবহার করে পেজের সকল টেক্সটকে একই স্টাইল, সাইজ এবং কালার এ সেট করা যায়।

<font> এবং <basefont> ট্যাগ ব্যাবহার না করে সিএসএস(সিএসএস টিউটোরিয়ালে আলোচনা করা হয়েছে) ব্যাবহার করা উচিত।

ফন্ট আকার (Font size)

Size attribute এর সাহায্যে ফন্ট এর সাইজ ঠিক করা হয়। ফন্ট এর আকার এর গ্রহনযোগ্য মান হচ্ছে ১(সবচেয়ে ছোট) হতে ৭(সবচেয়ে বড়)।  ফন্ট এর ডিফল্ট আকার হচ্ছে ৩।

1.<p>
2.<font size="5">Here is a size 5 font</font>
3.</p>{}

প্রদর্শন:

Here is a size 5 font.

ফন্ট রং (Font color)

কালার attribute এর সাহয্যে font এর color সেট করা হয়।

1.<font color="#990000">This text is hexcolor #990000</font>
2.<br />
3.<font color="red">This text is red</font>

প্রদর্শন:

This text is hexcolor #990000
This text is red

ফন্ট ফেস (Font face)

ফন্ট face এর ক্ষেত্রে সতর্ক হওয়া উচিত কারন আপনার সিস্টেম এ নির্ধারিত ফন্ট টি ইনস্টল দেয়া না থাকে তাহলে আপনি ঐ ফন্ট টি দেখতে পাবেন না এবং তার পরিবর্তে ডিফল্ট হিসাবে Times New Roman ফন্ট টি দেখতে পাবেন।

1.<p>
2.<font face="Bookman Old Style, Book Antiqua, Garamond">This paragraph
3.has had its font...</font>
4.</p>

প্রদর্শন:

This paragraph has had its font formatted by the font tag!

বেসফন্ট (Basefont)

Basefont ট্যাগ এর সাহায্যে আপনি ওয়েব পেজের ডিফল্ট ফন্ট সেট করতে পারেন।নিচে basefont ব্যাবহার করার সঠিক পথ দেখানো হল।

01.<html>
02.<body>
03.<basefont size="2" color="green">
04.<p>This paragraph has had its font...</p>
05.<p>This paragraph has had its font...</p>
06.<p>This paragraph has had its font...</p>
07.</basefont>
08.</body>
09.</html>

প্রদর্শন:

This paragraph has had its font formatted by the basefont tag!
This paragraph has had its font formatted by the basefont tag!
This paragraph has had its font formatted by the basefont tag!

শেষে বলতে চাই font বা basefont ব্যাবহার না করে সিএসএস (সিএসএস টিউটোরিয়ালে আলোচনা করা হয়েছে) ব্যবহার করা ভালো।

Attributes: Review

Attribute= “Value” Description
size= “Num. Value 1-7” Size of your text, 7 is biggest
color= “rgb,name,or hexidecimal” Change font color
face= “name of font” Change the font type

প্রথম অক্ষরের সুন্দর স্টাইল:

ফন্ট কে কাস্টমাইজ করে যেকোন ধরনের স্টাইল করা যায়।

1.<p><font size="7" face="Georgia, Arial" color="maroon">C</font>ustomize
2.your font to achieve a desired look.</p>

প্রদর্শন:

Customize your font to achieve a desired look.

LEAVE A REPLY

Please enter your comment!
Please enter your name here