عکس های

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

 

ارسال نظر


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