المان <body> در اچتیامال محتوای قابل مشاهده در صفحه یا همان بدنه سند را تشکیل میدهد. این المان پس از المان <head> قرار میگیرد و یکی از دو فرزند مستقیم المان <html> به شمار میرود. عنوان ها (یا هدینگ ها)، پاراگراف ها، تصاویر، پیوندها، جدول ها و به طور کلی تمام اجزای قابل مشاهده داخل صفحههای وب در بخش body قرار میگیرند. فراموش نکنید در یک سند HTML تنها یک المان <body> وجود دارد.
به عنوان یک نمونه ساده، سند HTML زیر را در نظر بگیرید:
<!DOCTYPE html>
<html>
<head>
<title>A Simple page</title>
<meta charset="utf-8">
</head>
<body>
<h1>This is a heading</h1>
<p>A simple paragraph containing <a href="https://example.com">hyperlink to example.com</a>.</p>
</body>
</html>
همانطور که میبینید در این سند، المان <body> یا همان بخش body به صورت زیر است:
<body>
<h1>This is a heading</h1>
<p>A simple paragraph containing <a href="https://example.com">hyperlink to example.com</a>.</p>
</body>در این مثال ساده تنها سه المان داخل بخش body یا بدنه سند قرار دارد:
- المان <h1> که یک هدینگ یا عنوان سطح 1 را مشخص میکند. محتوای داخلی این المان، متن عنوان را مشخص میکند.
- المان <p> که یک پاراگراف را مشخص میکند. محتوای داخلی این المان، متن پاراگراف را مشخص میکند.
- المان <a> که یک لینک یا پیوند را مشخص میکند. مقدار خصوصیت href در تگ شروع، مقصد لینک را تعیین میکند. محتوای داخلی المان (یعنی hyperlink to example.com که در نمونه زیر به صورت پررنگ ظاهر شده) نیز متن لینک را مشخص میکند (کاربر با کلیک روی این متن به مقصد لینک هدایت میشود). این المان در مثال فوق داخل المان <p> قرار گرفته است و درنتیجه پیوند حاصل بخشی از پاراگراف خواهد بود.
<a href="https://example.com">hyperlink to example.com</a>
در ادامه میتوانید نتیجه سند فوق را مشاهده کنید.
See the Pen
Example of body in HTML by techdic (@techdic)
on CodePen.
بازگشت به فهرست مجموعه آموزشی HTML
