آموزش و یادگیری تگ blockquote در HTML

در اين بخش از دوره آموزش HTML در آموزش دون، با تگ <body> آشنا مي‌شويم. اين تگ بخش اصلي و قابل مشاهده صفحات وب را شامل مي‌شود و تمام محتواي قابل نمايش (مثل متن، تصوير، لينک، جدول و …) درون آن قرار مي‌گيرد.

تگ body در HTML چيست؟

تگ <body><head> محتواي متا، استايل و اسکريپت‌ها را شامل مي‌شود و نمايش داده نمي‌شود، اما <body>

مثال ساده از تگ body

<!DOCTYPE html>
<html lang="fa">
<head>
  <meta charset="UTF-8">
  <title>نمونه Body</title>
</head>
<body>
  <h1>سلام به آموزش دون</h1>
  <p>اين متن داخل تگ body قرار دارد.</p>
</body>
</html>

صفات مهم تگ body

صفت	توضيح
class	تخصيص کلاس براي استايل‌دهي CSS
id	شناسه يکتا براي مديريت با JavaScript يا CSS
style	استايل مستقيم براي تگ body
onload	اجراي کد JavaScript هنگام بارگذاري صفحه

مثال با CSS و استايل دادن به body

<style>
body {
  background-color: #f0f0f0;
  font-family: Tahoma, Arial, sans-serif;
  margin: 20px;
  color: #333;
}
</style>

<body>
  <h1>خوش آمديد!</h1>
  <p>اين متن با استايل CSS سفارشي نمايش داده شده است.</p>
</body>

نکات حرفه‌اي

تمام محتواي قابل مشاهده صفحه بايد داخل تگ <body>
مي‌توانيد با CSS، استايل، رنگ پس‌زمينه، فونت و فاصله‌هاي داخلي و خارجي body را کنترل کنيد.
ويژگي onload براي اجراي کد JavaScript هنگام بارگذاري صفحه مفيد است.
تنظيمات margin و padding معمولاً براي body انجام مي‌شود تا کل صفحه ظاهر مناسب داشته باشد.

براي يادگيري کامل عناصر HTML و طراحي وب، پيشنهاد مي‌کنيم در دوره آموزش HTML مقدماتي تا پيشرفته آموزش دون شرکت کنيد.

براي دسترسي به تمام آموزش‌هاي HTML و CSS، به صفحه اصلي آموزش دون مراجعه کنيد.

آموزش قبلي: تگ blink در HTML

آموزش بعدي: تگ br در HTML