HTML ˈ<body> ˈট্যাগ
- পূর্ববর্তী পৃষ্ঠা <blockquote>
- পরবর্তী পৃষ্ঠা <br>
কোর্স পরামর্শ:
<body> বিবরণ ও ব্যবহার
ট্যাগটি ডকুমেন্টের মূল অংশকে বুকে দেয়。
HTML ডকুমেন্টের মেটাডাটা এবং ডকুমেন্ট তথ্য head উপাদানে বুকে আছে, এবং ডকুমেন্টের কনটেন্ট body উপাদানে বুকে আছে。
<body> body উপাদানটি প্রথমবার head উপাদানের পরে এসেছে, এটি html উপাদানের দ্বিতীয় সন্তান।
উপাদানটি হলো HTML ডকুমেন্টের সমস্ত কনটেন্ট, যেমন শিরোনাম, প্যারাগ্রাফ, ছবি, হাইপারলিঙ্ক, টেবিল, তালিকা ইত্যাদি。নোট: <body> একটি HTML ডকুমেন্টে একটি উপাদান থাকতে পারে:
উপাদান
উদাহরণ
একটি সাধারণ কিন্তু সম্পূর্ণ HTML ডকুমেন্ট:
<html>
<head>
<!DOCTYPE html>
</head>
<body>
<title>ডকুমেন্ট শিরোনাম</title>
<h1>এটি একটি শিরোনাম</h1>
</body>
</html>
<p>এটি একটি প্যারাগ্রাফ।</p>টীকা:
পাতার নিচে আরও উদাহরণ পাবেন।
<body> এই ট্যাগগুলি ইভেন্ট অ্যাট্রিবিউটগুলির সমর্থন করে: গ্লোবাল অ্যাট্রিবিউট。
HTML-এর গ্লোবাল অ্যাট্রিবিউট
<body> এই ট্যাগগুলি ইভেন্ট অ্যাট্রিবিউটগুলির সমর্থন করে: HTML-এর ইভেন্ট অ্যাট্রিবিউট。
ডিফল্ট CSS সেটিং
অধিকাংশ ব্রাউজারগুলি নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে: <body> উপাদান:
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}
আরও উদাহরণ
উদাহরণ 1
ডকুমেন্টে ব্যাকগ্রাউন্ড ছবি যোগ করুন (CSS ব্যবহার করে):
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">ব্রাউজারে ক্লিক করেন codew3c.com! </a></p>
</body>
উদাহরণ 2
ডকুমেন্টের ব্যাকগ্রাউন্ড রঙ সেট করুন (CSS ব্যবহার করে):
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">ব্রাউজারে ক্লিক করেন codew3c.com! </a></p>
</body>
উদাহরণ 3
ডকুমেন্টের টেক্সট রঙ সেট করুন (CSS ব্যবহার করে):
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>এটি একটি লেখাবলী।</p>
<p><a href="">ব্রাউজারে ক্লিক করেন codew3c.com! </a></p>
</body>
</html>
উদাহরণ 4
ডকুমেন্টের অপরিদর্শিত লিঙ্কের রঙ সেট করুন (CSS ব্যবহার করে):
<html>
<head>
<style>
a:link {
color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com"></a>codew3c.com</p>
<p><a href="https://www.codew3c.com/html/"></a>HTML টিউটোরিয়াল</p>
</body>
</html>
উদাহরণ 5
ডকুমেন্টের সক্রিয় লিঙ্কের রঙ সেট করুন (CSS ব্যবহার করে):
<html>
<head>
<style>
a:active {
color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com"></a>codew3c.com</p>
<p><a href="https://www.codew3c.com/html/"></a>HTML টিউটোরিয়াল</p>
</body>
</html>
উদাহরণ 6
ডকুমেন্টের অপরিদর্শিত লিঙ্কের রঙ সেট করুন (CSS ব্যবহার করে):
<html>
<head>
<style>
a:visited {
color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com"></a>codew3c.com</p>
<p><a href="https://www.codew3c.com/html/"></a>HTML টিউটোরিয়াল</p>
</body>
</html>
ব্রাউজার সমর্থন
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
|---|---|---|---|---|
| চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | ওপেরা |
| সমর্থন | সমর্থন | সমর্থন | সমর্থন | সমর্থন |
- পূর্ববর্তী পৃষ্ঠা <blockquote>
- পরবর্তী পৃষ্ঠা <br>
