این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ body در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ body در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ body در HTML
تگ body یکی از مهمترین و اساسی ترین تگ های زبان HTML و بطور کلی میتونیم بگیم این تگ ستون اصلی یک صفحه ی وب می باشد.
کلا هرچیزی که قراره در مرورگرها نمایش داده بشن باید درون این تگ قرار داده بشه، مثلا متن و عکس و جدول و.. همگی باید درون تگ Body قرار بگیرند تا بتونن در مرورگرها نمایش داده شن.
Free-Learn
مثال از تگ body در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html> <html> <head> <title>سایت من</title> </head> <body> <h2>سایت آموزشی فری لرن</h2> </body> </html> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ body در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ body در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
( علامت
یعنی در HTML5 منسوخ شده هستن و نباید ازشون استفاده کرد )
| نام صفت | مقدار | توضیح |
|---|---|---|
| alink | color | تنظیم رنگ لحظه کلیک بروی لینک () |
| background | URL | تنظیم تصویر زمینه صفحه () |
| bgcolor | color | تنظیم رنگ زمینه صفحه () |
| link | color | رنگ لینکی که هنوز روش کلیک نشده () |
| text | color | تنظیم رنگ متن کل صفحه () |
| vlink | color | تنظیم رنگ لینکی که روش کلیک شده () |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ body از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- تمامی صفات موجود در جدول بالا که متعلق به تگ
bodyمی باشند در HTML5 منقضی شدن و پشتیبانی نمی شوند لذا باید از CSS بجای این صفات استفاده نمایید. - مشخص کردن تصویر زمینه صفحه – استفاده از CSS ( مشاهده کنید )
- مشخص کردن رنگ زمینه صفحه – استفاده از CSS ( مشاهده کنید )
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ body را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 4 5 6 7 8 |
body { display: block; margin: 8px; } body:focus { outline: none; } |
