آموزش برنامه نویسی HTML (قسمت ۱۲) | خدمات کامپیوتری امداد133
خانه / کامپیوتر / اموزش / آموزش برنامه نویسی HTML (قسمت ۱۲)

آموزش برنامه نویسی HTML (قسمت ۱۲)

در آموزش قبل با شناسه های body در صفحات HTML آشنا شدیم. در این آموزش قصد داریم روش ساخت لینک های تصویری و کادر عکس را توضیح داده و به کار ببریم .

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

 

جهت ساخت لینک تصویری ابتدا یک تصویر به کد های خود اضافه کنید، به شکل زیر :

جهت ساخت لینک از تگ <a> استفاده می کردیم مانند زیر :

 

همانطور که قبلاً گفته شد، هر چیزی که بین تگ <a> و </a> قرار بگیرد به آدرس مقصد لینک می شود، حالا تنها کاری که شما باید انجام دهید این است که به جای “متن لینک شده” عکس خود را قرار دهید به شکل زیر عمل میکنیم :

 

عکس بالا را مشاهده کنید، به این شکل ما یک عکس داریم که به صورت لینک در آمده است.

توجه کنید که اغلب مرورگر ها به عکس هایی که به صورت لینک در آمده اند یک بوردر (خطی که دور تا دور عکس کشیده می شود)  اضافه میکنند.

 

 

 

یکی از شناسه های کاربردی که در بخش سی اس اس به توضیح کامل آن میپرازیم شناسه  Border است، توسط این شناسه شما می توانید کادر دور عکس و … را بردارید یا یک کادر بکشید.

جهت حذف کادر پیشفرض مرورگر ، باید مقدار شناسه border را صفر باشد.

مقادیری که در این شناسه استفاده می شود بر حسب پیکسل است. با صفر کردن بوردر ما به مرورگر دستور می دهیم که هیچ کادری برای عکس قرار ندهد.

 

به طور مثال ما میخواهیم عکسی که در صفحه قرار داده ایم دارای کادری به اندازه ۱۰ پیکسل باشد به شکل زیر از شناسه استفاده می کنیم :

که نتیجه به این شکل به نمایش در می آید :

 

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

 

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


موفق باشید.

 

دانلود سورس آموزش این جلسه (حجم : ۱ کیلوبایت)

درباره ی nasimazadi

مطلب پیشنهادی

واحد پردازش مركزي CPU 

واحد پردازش مركزي CPU مدت زمان انجام يك كار بوسيله كامپيوتر، به عوامل متعددي بستگي …

پاسخ دهید