style css এর একটি Attribute. html এ style Attribute ব্যবহার করে css property এবং value দিয়ে ডিজাইন পরিবর্তন করা যায়।
style ব্যবহারের নিয়ম style="property:value"
উপরে দেখুন style লেখার পরে ' = ' চিহ্ন দিয়ে ডাবল কোটেসনের মধ্যে property লিখা হয় । এখানে যে property লেখা হয় সেটা css property । এখন ' : ' চিহ্ন দিয়ে value এর এখানে css value লিখতে হবে।
নিচে কিছু style এর ব্যবহার দেখুন।
ফন্ট কালার এর জন্যে :
<body>
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
</body>
ফন্ট দেখতে কেমন হবে সেটা নির্ধারণ করতে font-family ব্যবহার করা হয়েছে:
<body>
<h1 style="font-family:verdana">This is a heading</h1>
<p style="font-family:courier">This is a paragraph.</p>
</body>
ফন্ট সাইজ নির্ধারণ করা হয়েছে :
<body>
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
</body>
ফন্ট এর location নির্ধারণ করে দেয়া হয়েছে :
<body>
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
</body>
উপরের কোড গুলো html ডকুমেন্ট এ টাইপ করুন।
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue">This is a heading</h1>
<p style="color:red">This is a paragraph.</p>
<h1 style="font-family:verdana">
This is a heading</h1>
<p style="font-family:courier">
This is a paragraph.</p>
<h1 style="font-size:300%">This is a heading</h1>
<p style="font-size:160%">This is a paragraph.</p>
<h1 style="text-align:center">Centered Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
নোটপ্যাড open করে উপরের code টুকু লিখে file মেনু থেকে Save asএ ক্লিক করে File name: anything.html , Save as type : All files, দিয়েsave করে html ফাইলটি browser দিয়ে open করলে এভাবে দেখাবে।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন