 |
| Add caption |
এইচটিএমএল বডি (HTML
Body)
Body tag যা web page এর
সকল element ধারন করে। Tables, Lists, Forms,
paragraph element গুলোকে Body element এর মধ্যে
রাখতে হয়।http://w3bay.com
HTML - Body Margins:
Attributes
Leftmargin: body element. এর বাম পাশের
মারজিন।
topmargin :body element এর উপরের মারজিন।
<body topmargin="50">
<body leftmargin="50">http://w3bay.com
HTML - Base Text:
Text attributes এর মাধ্যমে Body tag এর ভিতরের সকল টেক্সট এর কালার ঠিক করা যায়।
<body text="red" >
বা
<body text="rgb(255,0,0)" >http://w3bay.com
এইচটিএমএল ডিভ ( HTML
Div)
<div> ট্যাগ অন্যান্য ট্যাগ এর পাত্র
হিসাবে কাজ করে অনেকটা body ট্যাগ এর মত।
Div এলিমেন্ট গুলো হলো block এলিমেন্ট যারা অন্তরালে থেকে অন্যান্য ট্যাগ গুলোকে একত্রে করে।http://w3bay.com
সিএসএস এর ক্ষেত্রে
Div এলিমেন্ট অনেক গুরুত্তপুর্ন।
নিচে ডিভে ব্যবহৃত কতকগুলো attributes দেয়া হলো।
Id, width, height, title, stylehttp://w3bay.com
দর্শকদের strong
visualization এর জন্য ডিভের style attribute এর
মাধ্যমে কালার প্রদর্শন করা যায়।http://w3bay.com
<body>
<div style="background: green">
<h5 >SEARCH LINKS</h5>http://w3bay.com
<a target="_blank" href="http://www.google.com">Google</a>
</div>
</body>http://w3bay.com
এইচটিএমএল ডিভ লেআউট
টেবিল লেআউট অথবা ফ্রেম ছাড়াও ৩য় অল্টারনেটিভ হিসাবে div এলিমেন্ট ব্যবহার করা যায়।
beginning and ending ট্যাগ এর মাধ্যমে div
এলিমেন্ট সকল এইচটিএমএল এলিমেন্ট ধারন করতে পারে।http://w3bay.com
<div id="menu" align="left" >
<a href="/">HOME</a> |
<a href="/">CONTACT</a> |
<a href="/">ABOUT</a>
</div>http://w3bay.com
<div id="content" align="left"
bgcolor="white">
<h5>Content Articles</h5>
<p>This paragraph would be your content paragraph with all of your readable
material.</p>http://w3bay.com
</div>
Another Example
<div id="menu" align="right" >
<a href="/">HOME</a> |
<a href="/">CONTACT</a> |
<a href="/">ABOUT</a> |
<a href="/">LINKS</a>
</div>http://w3bay.com
<div id="content" align="right"
>
<h5>Content Articles</h5>http://w3bay.com
<p>This paragraph would be your content
paragraph with all of your readable material.</p>
<h5 >Content Article Number Two</h5>http://w3bay.com
<p>Here's another content article right
here.</p>
</div>http://w3bay.com
0 comments:
Post a Comment