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

  telegram

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

Goftino



وارد کردن تصاویر | کار با تصاویر در HTML

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

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

 

بین "" src باید نام تصویری که می خواهید در صفحه قرار بدهید را وارد کنید . و اما ویژگی یا صفت alt : اجاز بدهید کمی بیشتر در مورد این صفت برای شما توضیح بدهم .
تگ alt، متن جایگزینی است که در صورت لود شدن یا نشان یک گرافیک روی صفحه ظاهر می‌شود. این تگ، مکان دیگری برای قرار گرفتن کلیدواژه‌ها به منظور بهبود رتبه بندی موتور جستجوگر است. حتی اگر سایتتان محتوای مناسبی دارد و این محتوا به خوبی نیز کد شده، استفاده از تگ alt باعث تقویت کارایی کلیدواژه‌های مهم می‌شود.
نکته دیگر اینکه برای تاثیر گذاری بیشتر، این تگ ها باید برای هر عکس واحدی، مجزا در نظر گرفته شوند.
زمانی که بازدید کنندگان سایت با غیر فعال کردن قابلیت نمایش گرافیک از مرورگر مبتنی بر متن استفاده ‏می‌کنند، به کاربردن تگ alt در این شرایط بسیار کاربردی است. و این موضوع تگ alt را با اهمیت کرده است.

روش وارد کردن تصویر به صورت زیر می باشد .

<!DOCTYPE html>
<html>
<h3>لوگوي شركت گيلان وب</h3>
<img src='http://gilanweb.ir/logo.gif' alt='لوگوي شركت گيلان وب' />
</body>
</html>

 تغییر اندازه تصاویر در HTML
در بعضی از مواقع نیاز دارید تا اندازه تصویر وارد شده را با در نظر گرفتن ابعاد صفحه تغییر بدهید . برای انجام اینکار از دو ویژگی Width برای تغییر عرض و height برای تغییر ارتفاع در بین تگ img استفاده می شود

<!DOCTYPE html>
<html>
<h3>لوگوي شركت گيلان وب</h3>
<img src='http://gilanweb.ir/logo.gif' alt='لوگوي شركت گيلان وب' width='100px' height='100px'/>
</body>
</html>

 تراز تصویر در صفحه
همیشه نیاز داریم تا تصویر وارد شده را به صورت دقیق در یک قسمت مشخص شده قرار بدهیم . به عنوان مثال چپ ، راست ، بالاتر از متن و ....
برای انجام اینکار از ویژگی align با مشخصه های left چپ | right راست | bottom پایین تر از متن | middle وسط | top بالاتر از متن استفاده می شود. به کدهای زیر توجه کنید متوجه می شوید .

<!DOCTYPE html>
<html>
<h3>لوگوي شركت گيلان وب</h3>
<img src='http://gilanweb.ir/logo.gif' alt='لوگوي شركت گيلان وب' align='bottom' width='30px' height='30px'/>
<img src='http://gilanweb.ir/logo.gif' alt='لوگوي شركت گيلان وب' align='middle' width='30px' height='30px'/>
<img src='http://gilanweb.ir/logo.gif' alt='لوگوي شركت گيلان وب' align='right' width='30px' height='30px'/>
<img src='http://gilanweb.ir/logo.gif' alt='لوگوي شركت گيلان وب' align='left' width='30px' height='30px'/>
</body>
</html>

 

 

مجوزات

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

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

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

جشنواره ها

تماس با ما

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

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

ایمیل:info@gilanweb.ir