عکس های

1 1 1 1 1 1 1 1 1 1 رتبه 1.00 (1 رای)
عکس های - 1.0 out of 5 based on 1 vote

با HTML شما می توانید در یک پرونده عکس نشان دهید.


مثالها

نمایش عکس
این مثال چگونگی نمایش عکس را نشان می دهد.

نمایش عکس از محلی دیگر
در صورتیکه عکس مورد نظر در محلی دیگر باشد(آدرسی در شبکه)، می توانید برای نمایش آن، از این مثال کمک بگیرید.

(مثالهای بیشتر، در انتهای این صفحه آمده است)


برچسب Images و موجودیت Src

در HTML عکس ها با برچسب <img > معرفی می شوند.برچسب <img > خالی است بدین معنا که آن فقط حاوی موجودیت هاست و برچسب پایانی ندارد.
برای نمایش یک تصویر در یک صفحه ، شما احتیاج دارید که از موجودیت Src استفاده کنید. Src مخفف source (منبع) است. محتوای موجودیت url ، Src تصویری است که شما می خواهید در صفحه تان نمایش دهید. نحوه معرفی یک تصویر: 

<"img src="url >

url به محلی اشاره می کند که تصویر در آنجا قرار دارد . تصویری که "boat.gif" نامیده شده در دایرکتوری "images" در "www.html.ir" دارای این url است:

http://www.html.ir/images/boat.gif

مرورگر تصویر را جایی قرار می دهد که بر چسب تصویر پرونده در آنجا قرار گرفته است.اگر شما برچسب تصویر را بین دو پاراگراف قرار دهید ، مرورگر ابتدا پاراگراف اول ، سپس تصویر و سپس پاراگراف دوم را نشان می دهد.


موجودیت Alt

موجودیت Alt برای معرفی متن جایگزین به جای یک تصویر استفاده می شود. محتوای موجودیت Alt یک متن توصیفی است:

<"img src="url" alt="Big Boat>

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


نکات پایه ای - اطلاعات مفید

اگر یک فایل HTML حاوی ۱۰ تصویر باشد ، برای نمایش کامل صفحه به ۱۱ فایل احتیاج است. بارگیری تصاویر وقت گیر است ، بنابر این بهترین توصیه من اینست که از تصاویر به دقت استفاده کنید.


مثالهای بیشتر

عکس زمینه
این مثال، روش نمایش عکسی به عنوان زمینه را نشان می دهد.

محل نمایش عکس
به کمک این مثال می توان محل نمایش عکس، نسبت به متنی که عکس درون آن قرار دارد، را تعیین کرد.

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

تغییر اندازه عکس
این مثال روش تعیین اندازه عکس را برای نمایش، نشان می دهد.

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

عکس، به عنوان فراپیوند
این مثال عکسی را به یک فراپیوند تبدیل می کند.

نقشه
این مثال، روش تقسیم یک عکس به نواحی مختلف(همانند یک نقشه) را نشان می دهد. هر یک از این نواحی، یک فراپیوند هستند.

نقشه (۲)
در این مثال، باز هم عکس تبدیل به یک نقشه می شود. با این تفاوت که ما آدرس تک تک نقاط عکس را در اختیار داریم. در صورتی که اشاره گر را روی نقشه حرکت دهید، موقعیت آن روی میله وضعیت نمایش داده می شود.


برچسب های تصویر

برچسب توضیحات
<img> یک تصویر را معرفی می کند.
<map> یک تصویر نقشه را معرفی می کند
<area> داخل یک تصویر نقشه یک منطقه قابل کلیک را تعریف می کند

 

ارسال نظر


تصاویری ۳۶۰ درجه ای jQuery UI وب سایت مصطفی رضایی Code Anywhere ابر قدرت وبسایت نقشه سایت ESET Remote Administrator Server وب سایت ها نسخه کرک شده طراحی سه بعدی Server Enterprise چک کردن پاناروما XML Download Crack TeamViewer 9.28223 بهترین روش جستجوگر You probably tried to upload too large file ESET Remote Administrator Console google bomb سیستم فروشگاه ساز صفحات وب تکنولوژی وب نامحدود کاتالوگ سیستم مدیریت ایمیل ملی طراحی گوگل وب مستر مادام العمر سئو Fetch as Googlebot سیستم نوبت دهی پزشکان ،فیلم برداری صنعتی web هنری TeamViewer Enterprise تعرفه اسکریپت گالری تصاویر رایگان سیستم مدیریت سامانه پیامک الگوریتم های پاندا و پنگوئن روش تبلیغات عکاسی گوگل بیمارستان ها پلانتی طراحی ساده بیلبورد در کرج Rank خبر یزد TeamViewer طراحی وب بیلبورد در یزد الکسا خرید بلیط اینترنتی بیلبورد سایت تعرفه پانوراما تور مجازی 360 درجه حرفه ای فروش لایسنس تحت وب برتر گوگل-goolge-طراحان سایت یاهو داینامک اولین شرکت طراحی وب سایت در یزد بهترین شرکت طراحی وب سایت طراحی وب یزد صفحه اول گوگل بیلبورد در مازندران Dreamweaver Firebug تصاویر بندانگشتی VIBER سئوی سایت Crack TeamViewer Enterprise 9.28 بمب گوگل ، ویندوز: XP-7-8 مدیران وب سایت پورتال کارت تخفیف photo spheres کلینیک ها شاه کلید وب پیج رنک شرکت وب سایت یزد برنامه نویسی PHP ربات گوگل تصاویر 360 درجه نوبت دهی کرک تبلیغات محیطی در یزد وبمستر Hotspot Shield Elite پیشرو پرداز یزد حذف پسورد ویندوز Google Robot اندروید php نمونه کار طراحی وب سایت پارانوما فیلتر شکن 2015 Google Drawing فیلتر شکن نرم افزار ارسال انبوه تلگرام وب مستر اخبار یزد پیامک رایگان بیلبورد در شیراز آنی اد نرم افزار حذف پسورد سه بعدی robots Ajax سیستم مدیریت کارت شارژ شرکت طراحی وب یزد Firefox سیستم مدیریت اعلام نمرات مدارس آنتی ویروس 2014 اسکریپت نوبت دهی پزشکان معرفی سایت قیمت شورای انفورماتیک کشور اول شرکت طراحی یزد گوگل پنگوئن برنامه نویسی cms اپلیکیشن رسمی عکاسی گوگل بیلبورد در همدان برنامه نویسی موبایل در یزد شرکت طراحی و ب سایت در یزد وب سایت در یزد آموزش تصویری ESET NOD32 Antivirus 7 نمونه کارها نمایش تصاویر پزشک vpn کاتالوگ آنلاین بسته بی نهایت ITVAN پیشرو پرداز بیلبورد در مشهد TeamViewer Enterprise 9.0.27614 آتلیه طراحی وب سایت HTML سئو و بهینه سازی وایبر بیلبورد در سمنان درمانگاه ها سیستم مدیریت محتوا بیتا الگوریتم تفاوت نسخه رایگان و نسخه اصلی شبکه خصوصی یزد دوربین مداربسته در یزد seo بهترین روش تبیلغات وب شرکت طراحی وب سایت در یزد HTML5 boilerplate بیلبورد در تهران جستجو تصاویر در گوگل رتبه اول پرداخت آنلاین گوگل پلی TeamViewer 10 W3C Validator پنالتی گوگل بهینه سازی موتور جستجو