এইচটিএমএল বডী - HTML Body



এইচটিএমএল ডকুমেন্ট এর প্রধান দুটি অংশের দ্বিতীয়টি হল বডী সেকশন। একটি ওয়েব পেজ এর সমস্ত দৃশ্যমান অদৃশ্যমান কন্টেন্ট যেমন-text, image, table, form, heading, paragraph ইত্যাদি এই বডী সেকশন এ রাখা হয়। ওয়েব পেজ এ বডী সেকশন তৈরি করার জন্য <body>...</body> ট্যাগ ব্যবহার করা হয়। ওয়েব পেজ এর সমস্ত কন্টেন্টগুলো <body>...</body> ট্যাগের মাঝে অবস্থান করে। বডী সেকশন এর <body> ও </body> ট্যাগ দুটোই অপশনাল ট্যাগ।


<body> ট্যাগের সাথে ৬ টি এট্রিবিউট ব্যবহার করা যায়। যথা - bgcolor, text, link, background, vlink ও alink


bgcolor এট্রিবিউটের ব্যবহার

বডী ট্যাগের সাথে bgcolor এট্রিবিউট ব্যবহার করে ওয়েব পেজের ব্যাকগ্রাউন্ডের রঙ পরিবর্তন করা যায়। নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<body bgcolor="lime">
<p> This is a paragraph. </p>
</body>




background এট্রিবিউটের ব্যবহার

background এট্রিবিউটের ব্যবহার করে ওয়েব পেজের ব্যাকগ্রাউন্ডে ইমেজ সংযোজন করা যায় । background এট্রিবিউট ব্যবহারের ফলে ওয়েব পেজের ব্যাকগ্রাউন্ডে ইমেজ প্রদর্শিত হবে। background এট্রিবিউট লেখার নিয়ম হল background="img_name.img_format" ।

যে সকল ইমেজ ফরম্যাট ওয়েবে ব্যবহার করতে পারবেন সেগুলো হল -

Graphic Interchange Format (gif)
Joint Photographic Experts Group (jpeg)
Portable Network Graphic (png)
Windows Bitmap (bmp)

নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<body background="name.png">
<p> This is a paragraph. </p>
</body>


নোট - যে ফোল্ডারে এইচটিএমএল ডকুমেন্টটি রাখা হবে সেই ফোল্ডারেই ইমেজটি রাখতে হবে অথবা সথিক url জানিয়ে দিতে হবে।


text এট্রিবিউটের ব্যবহার

text এট্রিবিউটের ব্যবহার করে ওয়েব পেজের সমস্ত টেক্সটের রঙ নির্ধারণ করা হয়। text এট্রিবিউটের ব্যবহারের ফলে <body> ও </body> ট্যাগের মধ্যেকার সমস্ত টেক্সট রঙ্গিং দেখাবে। text এট্রিবিউট লেখার নিয়ম হল text="blue" ।
নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<body text="blue">
<p> This is a paragraph. </p>
</body>




link এট্রিবিউটের ব্যবহার

link এট্রিবিউটের ব্যবহার করে ওয়েব পেজের সমস্ত হাইপারটেক্সট লিংকের রং নির্ধারণ করা যায়। link এট্রিবিউটের ব্যবহারের ফলে <body> ও </body> ট্যাগের মধ্যেকার সমস্ত হাইপারটেক্সট লিংক রঙ্গিং দেখাবে । link এট্রিবিউট লেখার নিয়ম হল link="blue" ।
নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<body link="blue">
<a href="#"> This is a link </a>
</body>




vlink এট্রিবিউটের ব্যবহার

যে সকল হাইপারটেক্সট লিংক ইতোমধ্যে ভিজিট করা হয়েছে সেই সব হাইপারটেক্সট লিংক রঙ্গিং দেখানোর জন্য এই এট্রিবিউট ব্যবহার করা হয় । এর ফলে Visited Link গুলো রঙ্গিন দেখাবে । vlinkএট্রিবিউট লেখার নিয়ম হল vlink="blue" ।
নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<body vlink="blue">
<a href="#"> This is a link </a>
</body>




alink এট্রিবিউটের ব্যবহার

alink এট্রিবিউট লেখার নিয়ম হল alink="blue" ।
নীচে একটি উদাহরন দেখুন -

উদাহরণ দেখুন

<body alink="blue">
<a href="#"> This is a link </a>
</body>









এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.