عکس های

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