آموزش درج کردن عکس در صفحه وب
تصاویر برای زیبایی بسیار مهم هستند و همچنین بسیاری از مفاهیم پیچیده را به صورت ساده در صفحه وب شما نشان می دهند. این آموزش شما را از طریق مراحل ساده برای استفاده از تصاویر در صفحات وب خود را.
عنصر <HTML> <img> یک تصویر را به سند وارد می کند.
درج تصویر
شما می توانید با استفاده از برچسب <img> هر تصویر را در صفحه وب خود قرار دهید. در زیر نحو ساده برای استفاده از این تگ است.
برچسب <img> یک تگ خالی است، بدین معناست که می تواند تنها لیستی از صفات باشد و هیچ تگ بسته ندارد.
تگ <img> اول میزاریم src در واقع مخفف source یا منبع تصویر است که در اینجا معمولا آدرس کامل تصویر یا آدرس آن به صورت دایرکتوری مد نظر است، مثال زیر نحوه نمایش یک تصویر ساده را در وب نشان می دهد.
یک نمونه از طرز قرار گیری گذشتن عکس در صفحه وب </img src = "Image URL" ... attributes-list>
<"img class="fit-picture>
"src="/media/examples/grapefruit-slice-332-332.jpg
</"alt="Grapefruit slice atop a pile of other slices
نوع دومی تکه کد مشاهده میکند تگ alt داره که برای بهینه سازی وب سایت و سئو بسیار مهم بشمار می آید
ویژگی title در تگ img
علاوه بر alt که متن جایگزین تصویر است، از عنصر title می توان برای هنگامی که کاربر ماوس را روی تصویر می برد، جهت نمایش یک پیام به صورت توصیف استفاده کرد
و همین طور ویژگی هایی مانند طول عرض مانند این ها استفاده کرد .
