http://indonesiarx.com/
رشت، خیابان مطهری ، ساختمان پارس ،طبقه چهارم ، واحد 11

  telegram

01333335026تماس با گیلان وب

تصویر در HTML

1 1 1 1 1 1 1 1 1 1 میانگین امتیاز 5.00 (1 رای)

یکی از پرکاربردترین تگ ها در صفحات وب، تگ نمایش تصاویر یا img است که امکان نمایش یک تصویر در صفحات سایت  را میسر می کند، در کنار تگ img به عنوان تگی کلیدی، می توان از عناصر دیگری از جمله alt، title، map، area، border و... استفاده کرد که قابلیت های بیشتری در نحوه نمایش و کنترل رفتارهای رویدادی در اختیارمان قرار می دهند .

استفاده از تگ img در HTML
شکل کلی تگ به شکل زیر می باشد

<img src='http://gilanweb.ir/url' alt='some_text'/>

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

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<img src='http://www.learning.asarayan.com/boat.gif' alt='Big Boat' />
</body>
</html>

 

دقت داشته باشید که اسم تصویر در بین تگ src و یک نام برای تصویر بین تگ alt قرار گرفته است .

به جز ویژگی Alt شما می توانید از ویژگیهای دیگری نیز استفاده کنید که در ادامه به آنها اشاره میکنم

ویژگی title در تگ img
title هنگامی استفاده می شود که کاربر ماوس خود را بر روی تصویر چند ثانیه ای نگه دارد تا متن مورد نظر نمایش داده شود

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<img src='http://www.learning.asarayan.com/boat.gif' alt='Big Boat'  title='تصویر یک قایق بزرگ '/>
</body>
</html>

 

ویژگی height و width در تگ img

یکی دیگر از ویژگیهایی که می توانید در بین تگ img استفاده کنید height و width می باشد که با استفاده از این دو ویژگی می توانید عرض و ارتفاع تصویر را مشخص کنید .

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<img src='http://gilanweb.ir/images/icon/1133-iPhone.png' alt='tell'  title='تلفن پشتيباني '  width='304'  height='228'/>
</body>
</html>

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

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<img src='http://gilanweb.ir/images/icon/1133-iPhone.png' alt='tell'  title='پشتيباني '  width='304'  height='228' border='1px'/>
</body>
</html>

 


 

مجوزات

گیلان وب مشاوره،طراحی و برنامه نویسی وب سایت های حرفه ای در رشت و استان گیلان

خدمات گیلان وب

  • طراحی سایت
  • طراحی لوگو
  • هاست و دامنه
  • سئو و بهینه سازی
  • طراحی رسپانسیو
طراحی سایت در تبریز

جشنواره ها

تماس با ما

آدرس :رشت ، خیابان مطهری ، ساختمان پارس ، طبقه چهارم ، واحد 11 (نمایش روی نقشه)

تلفن :01333335026
موبایل:09118250852

ایمیل:info@gilanweb.ir