عکس های

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

 

ارسال نظر


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