عکس های

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> داخل یک تصویر نقشه یک منطقه قابل کلیک را تعریف می کند

 

ارسال نظر


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