Html

|

کارکردن با عکس ها

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

</"img src="example-image.jpg>

Alt در img

زمانی که عکس شما به هر دلیلی لود نشود و به کاربر نشان ندهد این تگ متنی است که جایگزین عکس می شود و داخل کادر خالیه عکس ، متن نمایش داده می شود تا کاربر را راهنمایی کند و از محتوای تصویر با خبر شود.

</"img src="example-image.jpg" alt="example-image>

Title در img

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

این تگ همانند تگ alt برای لینک ها هست که در این مقاله ، چگونگی ساختن title در لینک ها رو توصیح دادم.

<img src="example-image.jpg" alt="example-image" title="نمایش تصویر در html"/>

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

در ضمن توجه داشته باشید ادرس محل عکس به بزرگ و کوچک بودن حساس است و اگر بر فرض مثال شما عکس را با img.jpg دخیره کرده و با IMG.jpg فراخوانی کنید در صفحه نمایشگر شما نشان داده نمی شود.

تغییر ساز عکس

گاهی اوقات شما یک عکس دارید اما سایز آن مورد نظر شما نیست. شما به راحتی میتوانید سایز آن را تغییر دهید.

Witdh برای عرض عکس

Height برای ارتفاع عکس

<" "=img src="learn_html.gif" width=" " height>

اکنون فقط باید اندازه مورد نظر را در " " قرار بدهیم.

<"img src="learn_html.gif" width="100" height="50>

نکته ای که باید در اینجا مدنظر قرار بدهید این هست که زمانی که عکس شما کوچک هست و عرض و ارتفاع بیشتری به آن می دهید از کیفیت عکس کاسته می شود .

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

آموزش html html اموزش html مبتدی

دریافت آخرین مطالب وبلاگ در کانال داتینه

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
l
leila
08:53 1394/07/30

avalin bar bud k amuzeshhai b in mohemi ba zabane amiane mididam k az kalamate sakht estefade nakarde ... mamnoon az zahamatetun

داتینه
بهار شهسواری
14:28 1394/08/03

خواهش میکنم، امیدوارم مفید واقع شده باشد.با آرزوی موفقیت شما دوست عزیز

نظر بدهید