know yourselves. information, computer, 7 wonders, various.

Monday, August 29, 2016

css_part2




Inline Style
এখন Inline Style ব্যবহার করে আগের প্রোগ্রামটি Develop করবো । Inline Style এর জন্য Style নামের attribute ব্যবহার করা হয় এবং এর সাথে একটি Property ও এর Value নির্ধারণ করে দিতে হয়। এটি যে কোন একটি HTML এর Element এর সাথে যুক্ত হয়। এটি একটি ফাইলে কার্যকর হয়।
Format হচ্ছে  <element style = “property: Value;”>
উদাহরণ স্বরুপ নিচের কোডিং লক্ষ্য করুন  <h1 style =”color : red;”>
এখানে লক্ষ্য করুন  style attribute এর পর একটি সমান চিহ্ন (=) তারপর একটি ডাবল কোটেশন দিয়ে Property Vlaue র মাঝে একটি কোলন চিহ্ন (:) ব্যবহার করা হয়েছে। শেষে সেমিকোলন (;) দিয়ে আবার ডাবল কোটেশন দেওয়া হয়েছে। ( “color:red;”)
নিচের প্রোগ্রামে আমরা Body, p, h1 তে Style ব্যবহার করবো p এবং h1 তে মোট ৩বার Style ব্যবহার করেছি এবং ৩ বারই Style কে আলাদা আলাদা ভাবে নির্ধারণ করতে হয়েছে, না করলে Default মান দেখাতো।
নিচের মত কোডিং সহ একটি HTML ফাইল তৈরী করুন:
<!DOCTYPE html>
<html>
<body style="background-color:PowderBlue;">
This is Normal body text.
<p style="color:green;font-size:20px;"> This is First para</p>
<h1 style="color:red;text-align:center;"> Word Processor </h1>
Microsoft Word is a word processing program.
It is use to Write application, News Letter,
Writting Pad, etc.
<p style="color:green;font-size:20px;"> This is Second para</p>
<h1 style="color:red;text-align:center;"> Spread Sheet</h1>
Microsoft Excel is a Spread Sheet program.
Its devided by Row and Column. You can make
chart using Excel.
<p style="color:green;font-size:20px;"> This is Third para</p>
<h1 style="color:red;text-align:center;"> Database </h1>
Microsoft Access is a Spread Database
Managementprogram. It is use to create and analise table and database.
</body> </html>
ব্রাউজার দিয়ে খুললে নিম্নোক্ত ফলাফল পাওয়া যাবে।



Internal Style Sheet
এটিও একটি ফাইলে কার্যকর হয়। Style নামের ট্যাগের মধ্যে এটি ব্যবহৃত হয়। এই Style অ্যাট্রিবিউটটি যে কোন CSS Property ব্যবহার করতে পারে। এটি <head> সেকশনের মধ্যে দিতে হয় এবং Style ট্যাগের সাথে Type এলিমেন্ট ব্যবহার করতে হয় এবং সমান চিহ্ন দিয়ে (=)  “text/css” লিখে দিতে হয়। যেমন
<head>
<style type  = “text/css”> ...... </style >
</head>
এরপর এর  মধ্যে  যে কোন HTML ট্যাগ যেমন <body>, <p>,<h1> ইত্যাদি ট্যাগের সাথে দিতে হয় এবং Property Value র মাঝে কোলন (:) সহ একটি সেকেন্ড ব্রাকেটের মধ্যে রাখতে হয়।

যেমন
<head>
<style type = “text/css”>
body {background-color:yellow;}
p{color: green;}
h1 {color:red;} ইত্যাদি
শেষে <style> কে শেষ (clossing ousing tag) করতে হবে যেমন </style>
এখন আমরা আগের প্রোগ্রামটি Internal Style Sheet দিয়ে ডেভেলপ করবো। এক্ষেত্রে <body> র মধ্যে যত বার <p> <h1> দেওয়া হোক না কেন মান বলে দিতে হবে না। <Head> সেকশননের মধ্যে মাত্র একবার বলে দিতে হবে।
নিচের মত কোডিং সহ একটি HTML ফাইল তৈরী করুন:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {background-color:PowderBlue;}
p {color:green;font-size:20px;}
h1 {color:red;text-align:center;}
</style>
</head>
<body>
This is Normal body text.
<p> This is First para</p>
<h1>Word Processor</h1>
Microsoft Word is a word processing program.
It is use to Write application, News Letter,
Writting Pad, etc.

<p> This is Second para</p>
<h1>Spread Sheet</h1>
Microsoft Excel is a Spread Sheet program.
Its devided by Row and Column. You can make
chart using Excel.

<p> This is Third para</p>
<h1> Database</h1>
Microsoft Access is a Spread Database
Managementprogram. It is use to create and analise table and database.
</body> </html>
ব্রাউজার দিয়ে খুললে নিম্নোক্ত ফলাফল পাওয়া যাবে।

Previous Post                                                                                           Next Post

  বিস্তারিত জানতে নিচের বইটি সংগরহ করে নিন।

Book Name: Mastering Microsoft  Word
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... 

 cd

RELATED POST LINKS BELOW ********************************************
Next_


Part- 02:  Inline Style