عکس های

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

 

ارسال نظر


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