عکس های

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

 

ارسال نظر


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