-->
Home
HTML Tutorial

HTML Part : 8 - HTML Style Attribute .



HTML Style Attribute —   
Style হল HTML এর একটি নতুন attributes. যার মাধ্যমে HTML এর মধ্যেই CSS ব্যবহারের সুযোগ সৃষ্টি হয়। CSS এর পূর্ণরূপ (Cascading Style Sheet files).
প্রধানত প্রত্যেকটি HTML উপাদানের জন্য একটি default  style  থাকে যা background color  সাদা এবং text এর color কালো হয়ে থাকে।   
কিন্তুু ইচ্ছে করলেই আমরা HTML এর বিভিন্ন উপাদানগুলোকে style  attribute এর মাধ্যমে এই  default color  কে পরিবর্তন করতে পারি। 

তাহলে আজকের টিউটোরিয়াল Html এ style attribute ব্যবহার নিয়ে বেসিক যেসব বিষয় নিয়ে আলোচনা করব — 
•   Html Style attribute এর ব্যবহার.
•   Background-color এর ব্যবহার.
•   Color এর সাহায্যে text color  এর ব্যবহার.
•   Text এর font এর জন্য font-family এর ব্যবহার.
•   Text এর আকার এর জন্য font-size এর ব্যবহার. 
•   Text-align এর ব্যবহার.



• Html Style Attribute —

Html Style attribute নিম্নোক্ত syntax মেনে চলে —
style="property:value"
এখানে "property" হল CSS এর Property  এবং  "value" হল CSS এর Value"




• Background-color এর ব্যবহার —

নিচে একটি Screenshot ও উদাহরণ দিয়ে দেখাব কিভাবে ব্যাকগ্রাউন্ড color default  সাদা থেকে লাল color style  এর মাধ্যমে পরিবর্তন করা যায় —
[Note : Bgcolor attribute পুরাতন Html ভার্সন এ সাপোর্ট করে কিন্তু Html 5 সাপোর্ট করে না ]
<!DOCTYPE html>
<html>
<body style="background-color:red">
<h1>Lincons IT</h1>
<p>Welcome on our site.</p>
</body>
</html> 

Result Screenshot





• Color এর সাহায্যে text color এর ব্যবহার —

Html এর text color পরিবর্তন করার জন্য color প্রপার্টি ব্যবহার করতে হয়। 
উদাহরণ —
<body><h1 style="color:red">Lincons IT <p style="color:light gray">Welcome on our site.</p></body>

Result Screenshot




• Text এর font এর জন্য font-family এর ব্যবহার-

Font-family প্রপার্টি দ্বারা font এর ধরন পরিবর্তন করা হয়।
[Note : Bgcolor attribute পুরাতন Html ভার্সন এ সাপোর্ট করে কিন্তু Html 5 সাপোর্ট করে না ]
উদাহরণ —
<body>
<h1 style="font-family:verdana">Lincons IT</h1>
<p style="font-family:courier">Welcome on our site.</p>
</body>

Result Screenshot




• Text এর আকার এর জন্য font-size এর ব্যবহার —

Font-size প্রপার্টি দ্বারা text এর আকার পরিবর্তন করা হয়।
উদাহরণ —
<body><h1 style="font-size:300%">Lincons IT</h1><p style="font-size:160%">Welcome on our site.</p></body>

Result Screenshot




•  Text-align এর ব্যবহার — 

Text-align প্রপার্টি দ্বারা text horizontal ভাবে কোন দিকে অবস্থান করবে তা নির্দেশ দেওয়া হয়।  অর্থাৎ text left /right/center কোনদিকে এ থাকবে তা নির্দেশ দেওয়া হয় ।
[Note : Bgcolor attribute পুরাতন Html ভার্সন এ সাপোর্ট করে কিন্তু Html 5 সাপোর্ট করে না ]
উদাহরণ —
<body><h1 style="text-align:center">Lincons IT</h1><p>Welcome on our site.</p></body>

Result Screenshot

—তাহলে  এই ছিল  HTML Part : 8 এ আজকের - HTML Style  Attribute এর tutorial.