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>

Related Posts:

  • css tutorial / css selector tutorial / সিএসএস টিউটোরিয়াল | ভূমিকা আপনারা নিজের web designing এর দক্ষতা উপরের ধাপে উন্নিত করতে চাইলে Cascading Style Sheets (CSS) এর কোন বিকল্প নেই। এখানে ধারাবাহিকভাবে সিএসএস টিউটোরিয়াল গুলো আলোচনা করা হবে। সিএসএস এর মাধ্যমে … Read More
  • HTMT TAG LIST Ordered Alphabetically DTD: indicates in which HTML 4.01 / XHTML 1.0 DTD the tag is allowed. S=Strict, T=Transitional, and F=Frameset    88 ----HTMT TAG Tag Description DTD … Read More
  • HTML Body Tutorial (এইচটিএমএল বডি টিউটোরিয়াল) body ট্যাগ এর আগের টিউটোলিয়ালগুলির প্রায় সব জায়গায় ব্যবহার করা হয়েছে। <body></body> এর ভিতরেই সব কনটেন্ট রাখতে হয়। ul, li, a, h1 ... h6, p, div এক কথায় সব এলিমেন্ট এর ভিতরে থাকবে html আর head এর ভিতর যে কয়েক… Read More
  • Internal/External/Inline CSS Tutorial (ইন্টারনাল/এক্সটার্নাল/ইনলাইন সিএসএস টিউটোরিয়াল) ইন্টারনাল সিএসএস টিউটোরিয়াল (Internal CSS) Cascading Style Sheets লেখার তিনটি ধরন আছে যেমন - internal, external এবং inline। যখন আপনারা  ইন্টারনাল সিএসএস ব্যবহার করবেন তখন অবশ্যই একটা নতুন ট্যাগ যোগ করতে হবে যেটা হচ্… Read More
  • ( HTML Div Tutorial in Bangla) এইচটিএমএল ডিভ টিউটোরিয়াল এইচটিএমএল ডিভ টিউটোরিয়াল ( HTML Div Tutorial in Bangla) div ট্যাগ (<div></div>) খুব গুরত্বপূর্ন একটি ট্যাগ এইচটিএমএল এর। এইচটিএমএল এর এলিমেন্ট এর ভিতরে রেখে section (খন্ড) তৈরী করা হয়। যতগুলি div ততগুলি খন্ড।… Read More

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