HTML Part 014_html এ style প্রয়োগ
html
এ style প্রয়োগ
html এ style প্রয়োগ শুরু হয়েছে HTML ভার্সন HTML4 থেকে। HTML এর Element গুলোতে Style-কে Attributes হিসাবে ব্যবহার করা যায়। Style এর পরবর্তী ধাপই CSS বা Cascading Style Sheet। এখন আমরা CSS নিয়ে আলোচনা করবো না। তবে Style সম্বন্ধে ধারনা নেব। আমরা ইতিমধ্যে HTML এর হেডিং (h1
..... h1) এবং প্যারাগ্রফ ট্যাগ সম্বন্ধে জেনেছি। মনে করুন কোন লাইনে
বা #number> Text...
ট্যাগ ব্যবহার করা হলো। সেক্ষেত্রে বড় হেডিং দেখা যাবে, কিন্তু Color বা অন্য কোন পরিবর্তন ঘটবে না। আমরা H1 ট্যাগকে আরও কাস্টমাইজ করে কালার বা অন্য অ্যাপিয়ারেন্স পরিবর্তন করতে পারবো এবং এটি করতে হবে Style এর মাধ্যমে। মনে করুন একটি ডকোমেন্টে নরমাল হেডিং ব্যবহার করতে হবে সব সময় এবং মাঝে মাঝে কাস্টমাইজ (Style সহ) হেডিং ব্যবহার করতে হবে। এজন্য body ট্যাগের মধ্যে প্রয়োজনীয় সময়ে Style ব্যবহার করতে হবে। সুতরাং HTML এর body ট্যাগের মধ্যে Style-কে ব্যবহার করা যাবে। আবার Head ট্যাগের মধ্যেও Style দেওয়া যাবে। সেক্ষেত্রে body-তে যতবার হেডিং দেওয়া হবে ততবারই কাস্টমাইজ হেডিং প্রদর্শিত হবে। নিচে ২টি উদাহরনের মাধ্যমে দেখানো হলো। তবে ব্যাপারটি ভালভাবে বুঝে নিন। কারন এই ধারনায় ভবিষ্যতে আপনাকে একজন ভাল CSS3 Programmer হিসাবে আত্মপ্রকাশ ঘটাবে। আপাতত HTML-এ মোটামুটি দক্ষ হবার প্রয়াস চালানো হচ্ছে।
Body ট্যাগে Style এর
ব্যবহার
Body ট্যাগ Style
এর ফরম্যাট হচ্ছে নিমণরূপ:
বা #number> Text...
Program035_01
উদাহরণ স্বরূপ কোড হচ্ছে
নিমণরূপ:
Look!
here is text background yellow .
Look! Normal Heading1.
This is stylish Heading1
Look! normal Paragrsph.
This is stylish Paragraph
ব্রাউজার দিযে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।
Head ট্যাগে Style এর
ব্যবহার
আগেই বলেছি Head
element এর মধ্যে কোন Style ডিক্লেয়ারেশন
করলে Body-তে যত বার সংশিস্নষ্ট ট্যাগ ব্যবহার করা হবে, তত বারই
একই ফলাফল আসবে। তবে এর নিচে Style নামে একটি ট্যাগ তৈরী করে Style type-কে নির্ধারন করে
দিতে হবে এবং type হবে “text/css” সম্পূর্ণ ফরম্যাট
হবে
background-color অ্যাট্রিবিউট (ব্রাকগ্রাউন্ড কালার)
এখন ব্যাকগ্রাউন্ডে
কালার সংযোজন করবো। এটি ট্যাগের মধ্যে
অ্যাট্রিবিউট আকারে দিতে হয়। কালারের ক্ষেত্রে সরাসরি red, green, blue, transparent;
ইত্যাদ লিখে দেওয়া যায়। অথবা
ডেসিমেল নাম্বারও লেখা যাবে। যেমন= #rrggbb এখানে RR=RED RED, GG=GREEN GREEN, BB=BLUE
BLUE সুতরাং #ff0000 এর অর্থ হলো RR=FF=FULL এবং অন্য কালার শুন্য অর্থাৎ সম্পুর্ন
RED, আবার #500050 এর অর্থ হলো RED=50%,GREEN=00%
এবং BLUE=50% এর মিশ্রিত কালার,এই ট্যাগের ফরম্যাট হচ্ছে-
যেমন: ...
উদাহরণ স্বরূপ কোড হচ্ছে
নিমণরূপ:
This
is normal Text.
this is normal no style define H2
This is stylish red Header1
This
is normal Text. This is normal Text. This is normal Text. This is normal Text.
This is normal Text. This is normal Text. This is normal Text.
This
is stylish blue Paragraph.
This is italic Text
This is stylish bold red Text.
This is stylish Header1
ব্রাউজার দিযে খুললে নিন্মেক্ত ফলাফল পাওয়া যাবে।
বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।
Writer: Bappi Ashraf
Published By: Gyankosh Prokashani
Amount of Pages: 464
First Publish: October-2004
Last Edition: We've February-2015 edition. Future edition may be existed!
Book Price: BDT 350 (30% Discount)
The
writer of this book has told that he has written this book with the
concept of "teach yourself". On the other hand, Web Design is a thing which is
interesting to learn. He has also told that the book is full of fan and
enjoyment so that a person can learn Web Design by himself by playing with
the example projects of this book. Book's CD Link below...
