HTML code is easy to learn/সহজ এইচটিএমএল কোড শিখুন-21 (C S S~~Hedaet Forum~~

C SS
Structure is to create a web page with HTML, CSS and design is created, the text is stored in our database. The important role of the CSS. HTML pages created by the three methods can be added to the CSS.

1. External style seat (External Style Sheet)
Year. Inatarnala style seat (Internal Style Sheet)
3. Inline style seat (Inline Style Sheet)

External Style seat
The HTML files and CSS style for the seat are two different site. And the HTML of the following methods <head> </ head> tag in the link is created.
<head>
<link rel=\\\"stylesheet\\\" type=\\\"text/css\\\" href=\\\"http://hedaet.com/bangla/style.css\\\">
</ Head>

Inatarnala Style seat
HTML and CSS styles in the same site in the way <head> </ head> tag is placed. It follows <style> </ style> tags are used.
<head>
<style type=\\\"text/css\\\">
body {background-color: red;}
p {margin-left: 20px;
font-weight: bold;
color: # 006;}
</ Style>
</ Head>

Inline style seat
This way, each tag within the HTML of CSS is to style. The following methods are used attributable style.
<p style=\\\"margin-left:120px; font-weight: bold; color: #060;\\\">

Such as:
<html>
<head>
<title> www.hedaet.com </ title>
<link rel=\\\"stylesheet\\\" type=\\\"text/css\\\" href=\\\"http://hedaet.com/bangla/style.css\\\">
<style>
body {background: green; font-family: Verdana; font-size: 15px;}
h3 {font-size: 25px; font-family: Tahoma; color: red;}
</ Style>
</ Head>
<body>
This is a paragraph.
<br />
<h3>
Bangladesh is a beautiful country.
</ H3>
<p style=\\\"color: #600\\\">
This is a paragraph. This is a paragraph. <br />
This is a paragraph. This is a paragraph. <br />
This is a paragraph. This is a paragraph. <br />
This is a paragraph. This is a paragraph. <br />
This is a paragraph. This is a paragraph. <br />
</ P>
</ Body>
</ Html>
Tuku Notepad file menu to open the code above and click the Save as File name: index.html, Save as type: All files, and save the index.html file to open the show with Mozilla Firefox.
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
সি এস এস
ওয়েব পেজের কাঠামো তৈরি করা হয় HTML দিয়ে, ডিজাইন তৈরি করা হয় CSS দিয়ে, আর টেক্সট জমা রাখা হয় ডাটাবেজে। তাই CSS এর ভূমিকা গুরুত্বপূর্ণ। HTML দ্বারা তৈরি পেজে তিন পদ্ধতিতে CSS যুক্ত করা যায়।

১. এক্সটার্নাল স্টাইল সিট (External Style Sheet )
২. ইনটার্নাল স্টাইল সিট (Internal Style Sheet)
৩. ইনলাইন স্টাইল সিট (Inline Style Sheet)

এক্সটার্নাল স্টাইল সিট
এ পদ্ধতিতে HTML ফাইল এবং CSS স্টাইল সিট দুটি আলাদা সিটে রাখা হয়। এবং নিম্নোক্ত পদ্ধতিতে HTML এর <head></head>ট্যাগের মধ্যে লিংক তৈরি করে দেয়া হয়।
<head>
<link rel=\\\"stylesheet\\\" type=\\\"text/css\\\" href=\\\"http://hedaet.com/bangla/style.css\\\">
</head>

ইনটার্নাল স্টাইল সিট
এ পদ্ধতিতে HTML এবং CSS স্টাইল একই সিটে <head></head> ট্যাগের মধ্যে রাখা হয়। এজন্য নিম্নোক্ত পদ্ধতিতে <style></style> ট্যাগ ব্যবহার করা হয়।
<head>
<style type=\\\"text/css\\\">
body {background-color: red;}
p { margin-left: 20px;
font-weight: bold;
color: #006; }
</style>
</head>

ইনলাইন স্টাইল সিট
এ পদ্ধতিতে HTML এর প্রতিটি ট্যাগের মধ্যেই CSS স্টাইল যুক্ত করা হয় । এজন্য নিম্নোক্ত পদ্ধতিতে style এট্রিবিউটস ব্যবহার করা হয়।
<p style=\\\"margin-left:120px; font-weight: bold; color: #060;\\\">

যেমন:
<html>
<head>
<title> www.hedaet.com</title>
<link rel=\\\"stylesheet\\\" type=\\\"text/css\\\" href=\\\"http://hedaet.com/bangla/style.css\\\">
<style>
body{background:green; font-family:Verdana; font-size:15px;}
h3{font-size:25px; font-family:Tahoma; color:red;}
</style>
</head>
<body >
This is a paragraph.
<br />
<h3>
Bangladesh is a beautiful country.
</h3>
<p style=\\\"color: #600\\\">
This is a paragraph. This is a paragraph.<br />
This is a paragraph. This is a paragraph.<br />
This is a paragraph. This is a paragraph.<br />
This is a paragraph. This is a paragraph.<br />
This is a paragraph. This is a paragraph.<br />
</p>
</body>
</html>
নোটপ্যাড open করে উপরের code টুকু file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি Mozilla Firefox দিয়ে open করলে দেখাবে।