نحوه قرار دادن عکس در HTML

فهرست مطالب:

نحوه قرار دادن عکس در HTML
نحوه قرار دادن عکس در HTML
Anonim

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

نحوه قرار دادن عکس در HTML
نحوه قرار دادن عکس در HTML

دستورالعمل ها

مرحله 1

اگر فایل تصویر و فایل HTML در یک پوشه قرار دارند ، برای درج تصویر از کد HTML زیر استفاده کنید: where imagename.jpg

گام 2

اگر فایل تصویر در همان سرور قرار دارد ، اما در یک پوشه دیگر است ، این ساختار را به شرح زیر تغییر دهید: جایی که /folder/anotherfolder/imagename.jpg

مرحله 3

تصاویر ذخیره شده روی سرورهای دیگر را با احتیاط قرار دهید - ممکن است محافظت در برابر شستشو در آنجا فعال باشد ، و سپس به جای تصویر مورد نظر ، بازدید کننده صفحه شما هشدار درباره چنین محافظتی را مشاهده می کند. اگر چنین محافظتی وجود ندارد و صاحب سرور شخص ثالث اعتراضی به درج تصاویر ذخیره شده در آن در صفحات دیگران ندارد ، از قطعه کد زیر استفاده کنید: https://server.domain/folder/anotherfolder/imagename.jpg

مرحله 4

برای اینکه تصویر همزمان پیوندی به صفحه دیگری باشد ، از کد زیر استفاده کنید: ، جایی که پیوند آدرس پیوند است (محلی یا جهانی).

مرحله 5

سرانجام ، به این ترتیب که وقتی کاربر بر روی تصویر کلیک می کند ، کاربر می تواند نسخه بزرگ شده آن را مشاهده کند ، قطعه قبلی را به شرح زیر تغییر دهید: جایی که imagename-big.jpg

توصیه شده: