Monday, February 20, 2017

HTML Body Tutorial (এইচটিএমএল বডি টিউটোরিয়াল)

HTML Body
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>

এইচটিএমএল ডিভ লেআউট
টেবিল লেআউট অথবা ফ্রেম ছাড়াও ৩য় অল্টারনেটিভ হিসাবে 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 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 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>

0 comments:

Post a Comment

All Time Most Readable Post

Featured Post

Basic SEO Tutorial for Beginners, Basic SEO Tutorial. শিক্ষানবিশদের জন্য বেসিক এসইও টিউটোরিয়াল?

Basic SEO Tutorial for Beginners Though some try to categorise  SEO  as a science, the reality is that SEO is as much art as it is sc...

onpage seo