عکس های

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

 

ارسال نظر


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