آموزش HTML فصل سوم – تگ body و شناسه های آن

تگ body و شناسه های آن

وقتی که شما یک صفحه html مینویسید میتوانید چیزهای زیادی را با استفاده از شناسه ها در تگ body تغییر دهید. این کار با استفاده از شناسه های مختلف این تگ امکان پذیر است.در ادامه با تعدادی از این شناسه ها و عملکرد آنها آشنا خواهیم شد.

اولین شناسه bgcolor میباشد.این شناسه رنگ زمینه صفحه را مشخص میکند.شما میتوانید با دادن هر رنگ مختلف به عنوان مقدار این شناسه ، رنگ پس زمینه را تغییر دهید.برای رنگ بندی نیز هم میتوانید از نام آنها و هم کد هگزا دسیمال آن رنگ استفاده نمایید.گزینه پیشفزض این رنگ معمولا سفید است.

شناسه بعدی text میباشد.این شناسه رنگ متن مورد نظر را که در مرورگر به نمایش در میاید را تنظیم میکند.شما میتوانید با دادن نام رنگ به عنوان شناسه متن مورد نظر خود را به هر رنگی که میخواهید درآورید.گزینه پیشفرض این شناسه نیز رنگ سیاه میباشد.

برای اینکه عملکرد این دو شناسه را ملاحظه کنید به مثال زیر توجه کنید:

 <html>
 <head>
 <title>Learning HTML</title>
 </head>
 <body bgcolor=”blue” text”pink”>
 This is a test
 </body>
 </html>

حال پس از ذخیره کردن سند نتیجه را مشاهده کنید.میبینید که رنگ زمینه ها و متن تغییر کرده است.

شناسه بعدی تگ body شناسه link میباشد.این شناسه رنگ تمام لینک های باز نشده را تغییر میدهد.شما میتوانید آنرا به هر رنگی که میخواهید تغییر دهید.میدانید که لینک ها قبل از کلیک روی آنها دارای یک رنگ بوده و بعد از کلیک روی آنها رنگشان عوض میشود.

گزینه پیشفرض برای لینکهای باز نشده معمولا آبی میباشد.

شناسه بعدی alink میباشد . این شناسه رنگ لینک های کلیک شده را تغییر میدهد.

شناسه بعدی vlink میباشد. این شناسه ، رنگ لینک های باز شده در صفحه را تعیین میکند.رنگ پیشفرض این شناسه بنفش میباشد.

برای نمونه به این سند دقت کنید:

 <html>
 <head>
 <title>Learning HTML</title>
 </head>
 <body alink=”yellow”  vlink=”green” >
 <a href=”http://rtl-automatic.ir”>PCTech</a>
 </body>
 </html>

حال سند را ذخیره کرده و نتیجه را مشاهده میکنیم.

میبینید که لینک مورد نظر در صفحه به رنگ سبز بوده و در زمان کلیک رنگ آن به زرد تغییر میکند.زیرا لینک فعال خواهد شد.

آخرین شناسه ای که در این قسمت با آن آشنا میشویم شناسه background است.این شناسه یک عکس را به عنوان تصویر زمینه صفحه شما انتخاب مینماید.اگر این شناسه را فعال نمایید عکس مورد نظر جایگزین رنگ پس زمینه خواهد شد .

به عبارت دیگر الویت این شناسه از شناسه bgcolor بیشتر میباشد.برای نمونه آدرس یک عکس را به عنوان پس زمینه به صفحه اضافه میکنیم و نتیجه را مشاهده میکنیم.

 <html>
 <head>
 <title>Learning HTML</title>
 </head>
 <body alink="yellow"  vlink="green" background="http://rtl-automatic.ir/uploads/PCTech.jpg" >
 <a href=”http://rtl-automatic.ir”>PCTech</a>
 </body>
 </html>

نکته آخر اینکه شما میتوانید به هر مقدار که خواستید از این شناسه ها در تگ body استفاده نمایید.اگر از آنها استفاده نکنید این گزینه مطابق پیشقرض مرورگر انتخاب خواهد شد.