Share
Facebook
Twitter
LinkedIn
Whatsapp
Instagram
Messenger

এইচটিএমএল বডী - 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" ।

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

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

উদাহরণ


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

কোড এডিটর