عکس های

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

 

ارسال نظر


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