heidari

تگ عکس img

1 پست در این موضوع قرار دارد

تگ عکس img

یکی از مهمترین و پر استفاده ترین تگ ها در HTML تگ img یا عکس می باشد.

با استفاده از این تگ شما میتوانید عکس دلخواهی را در صفحه ی HTML قرار داده و آنرا با اندازه و شکل دلخواهی نمایش دهید.

نکته : این تگ بصورت یکه بکار می رود :

<img Propertys="values" ... />

مهمترین خصوصیات <img> بصورت زیر است:

خصوصیت مقادیر و توضیح مختصر src آدرس عکس در فضای وب alt متن جایگزین متن width عرض تصویر به پیکسل height ارتفاع تصویر به پیکسل border مقدار پیکسل حاشیه (پیش فرض صفر) usemap نام شناسه ی نقشه ی تصویر متصل به عکس

خصوصیت Src : در این خصوصیت که اصلی ترین خصوصیت تگ <img> می باشد ، آدرس تصویر آپلود شده در فضای اینترنت قرار میگیرد.

توجه داشته باشید که عکس حتما قبل از استفاده باید در فضایی در اینترنت قرار گرفته شده باشید و سپس در این خصوصیت آدرس آنرا قرار دهید.

ساده ترین مثال از استفاده ی تگ img :

<img src="
/>

خروجی بصورت زیر می باشد :

1.jpg

خصوصیت Alt : خصوصیت Alt یا Alternate Image ، خصوصیتی مهم می باشد که برای متن جایگزین تصویر به کار می رود.

در حالت پیش فرض در صورت اشتباه بودن آدرس و لود نشدن تصویر در مرورگر اکسپلورر علامت ضربدر را برای عکس نمایش میدهد (در مرورگرهایی مثل اپرا علامت ضربدر نیز نمایش داده نمی شود).

حال با استفاده از خصوصیت alt برای تگ img میتوان در صورتی که آدرس عکس اشتباه و یا عکس نتواند لود شود ، متنی را به کاربر نشان دهیم.

در صورتی که عکس بطور صحیح لود گردید متن این خصوصیت نمایش داده نمیشود و فقط برای موتور های جستجوگر کاربرد پیدا میکند.

اهمیت ویژه ی این خصوصیت برای موتورهای جستجوگر می باشد که در بخش Seo به آن می پردازیم. به طور خلاصه اینکه موتور های جستجوگر قادر به خواندن عکس نمی باشند و از طریق این خصوصیت به محتوای عکس قرار داده شده مطلع می گردند.

توصیه ی اکید میشود که برای تمامی عکس ها از این خصوصیت استفاده نمایید.

<img src="administrator/files/UploadFile/1.jpg1" alt="عکس مربوط به چشم" />

خروجی بصورت زیر می باشد :

خصوصیات width , height , border : بصورت پیش فرض تگ img نمایش عکس ها را به اندازه ی اصلی عکس و بدون خط حاشیه نمایش میدهد. در صورتی که بخواهید تصویر را در سایز دلخواه و با خط حاشیه نمایش دهید از این خصوصیات استفاده نمایید. بطور مثال :

<img src="administrator/files/UploadFile/1.jpg" alt="عکس مربوط به چشم" width="100" height="100" border="2" />

خروجی بصورت زیر می باشد :

1.jpg

نکته ی مهم دیگر که در بخش Seo به طور مفصل تری به آن پرداخته میشود این است ، با وجود اینکه خود HTML در صورت قرار ندادن سایز عکس با استفاده از height و widht ، اندازه ی تصویر ار به اندازه ی خود تصویر تبدیل میکند اما برای این پردازش اضافه توسط مرورگر ها و در نتیجه سرعت بالاتر لود صفحه سایز تصویر را وارد نمایید.

خصوصیت Usemap : این خصوصیت برای استفاده از عکس محدوده ای با استفاده از تگ های map و area می باشد. در بخش عکس محدوده ای map , area میتوانید نحوه ی کاربرد آنرا مشاهده نمایید .

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط p1touchbiz
      دراین مقاله سعی داریم که تعریف درست از دسته بندی در وردپرس و برچسب گذاری در وردپرس را داشته باشیم .  درسایت های وردپرسی این دو مفهوم بسیار به یکدیگر شبیه می باشند و در بسیاری موارد باهم دیگر اشتباه میشود .  درمجموع هردو این ها وظیفه اول و اصلیشان کمک به ایجاد یک سایت منظم و گویا برای مخاطب می باشد و به طور مستقیم روی سئوی سایت شما تاثیر ندارند .
      دسته بندی در وردپرس چیست ؟
      موضوعات اصلی سایت در دسته بندی ها جای میگیرد .
      مثلا مطالب سایت شما صرفا در مورد آشپزی و پزشکی میباشد .  پس سایت شما دو دسته اصلی دارد و میتواند زیر دسته های دیگری هم در هرکدام از این دسته های اصلی جای بگیرد .
      مثلا در دسته اصلی آشپزی چند زیر دسته ی دیگر میتواند وجود داشته باشد مانند فست فود ها ، دسر ها ، پیش غذاها و غیره.
      و شما میتوانید برای هردسته زیر دسته های دیگری درست کنید . و البته با تشکیل هردسته میتوانید مادر آن دسته را نیز مشخص کنید .
      اگر هر دو یا سه روز یکبار در مورد یک موضوع خاص نوشته ایجاد میکنید و تعداد قابل توجهی از نوشته های سایت شما مربوط به آن موضوع میشود برای آن موضوع باید دسته بندی ایجاد کنیم .
      برای ایجاد دسته بندی در پنل وردپرس سایت خود درستون سمت راست درقسمت نوشته ها میتوانید روی دسته ها کلیک کنید .
       
       

       
       
      برچسب گذاری در وردپرس چیست ؟
      برای برچسب گذاری در وردپرس زمانی که پیرامون یک موضوع جزیی تر مطالبی دارید و تعداد این مطالب آنقدر زیاد نیست و البته خود آن موضوع فرعی و آنقدر کلی نباشد که بخواهید برای آن دسته تشکیل بدهید میتوانید یک برچسب مشترک برای آن مطالب ایجاد کنید .
      به عنوان مثال در دسته بندی آشپزی شما چند نوشته پیرامون فواید و خواص سبزی ایجاد کرده اید و برچسب فواید میوه و سبزی را برای آن گذاشته اید .
      حالا شخصی که روی این برچسب کلیک کند میتواند تمامی نوشته هایی که این مضمون را درخود دارند و مربط به آن میباشد را مشاهده کند .
      به طور کلی اگر بیشتر از ۵ تا ۱۰ نوشته پیرامون یک مطلب ارسال کرده اید برای آن برچسب جداگانه تشکیل دهید .
      امیدوارم این مقاله به شما کمک کرده باشد و ممنون میشم اگه نظرات خودتون را پایین مقاله برای ما ارسال کنید .
       
      آموزش ویدئویی وردپرس در ۳ روز را اینجا ببینید .
      برای آنالیز سئو سایت خود اینجا کلیک کنید .
    • توسط behnamstar
      سلام و عرض ادب
      من یه سایت وردپرسی دارم که به تازگی تغییر دامنه روش انجام دادم که بعد ازینکار مشکل عجیبی اتفاق افتاده 
      من دامنه ی https://damane1.co m رو ریدایرکت کردم به https://damane2.co m الان اتفاقی که میفته دامنه 1 ریدایرکت میشه روی دامنه 2 
      ولی زیر دامنه ها ریدایرکت نمیشن 
      مثلا روی این لینک کلیک بشه (https://damane1.co m/linksite) باید این لینک باز شه (https://damane2.co m/linksite)
      ولی این لینکها جدا جدا باز میشن 
      فقط دامنه https://damane1.co m روی https://damane2.co m ریدایرکت میشه بقیه ی لینک ها همه جدا جدا باز میشن.
      ممنون میشم از دوستان کمک کنن 
      حتی به هاست پشتیبانی هم تیکت دادم ولی متوجه مشکل نشدن.
    • توسط hatef
      سلام دوستان
      خسته نباشید من پسرم 15 سالشه و عاشق کامپیوتر و برنامه نویسی مخصوصا طراحی سایته. متاسفانه آموزش برنامه نویسی برای بزرگسالان زیاده اما منی که برای کودکان میخوام اصلا نیستش شما ها که همگی واردید در این زمینه آیا سایتی میشناسید که بتونه برای کودکان برنامه نویسی رو ساده و در حد خودشن یاد بده؟
      البته یکی دوتا سایت هستش برای کودکان که آموزش های زیادی دارن بعد آموزش برنامه نویسی هم دارن اما الان دقیق نمیتونم لینکشو بدم چون پیداش نمیکنم اما آدرس کلی سایتشونو میدم اگزر چک کنید هستش توش. معرفی کنید ممنون میشم.
       
      این سایت آموزش های همه چی در مورد کودکان داره ولی لینکه برنامه نویسشو پیدا نمکینم:
      https://kodakanema.com/
       
      این سایتم که خیلی معروفه اینم هستش.
      https://www.ninisite.com/
      یکی دیگه هم هستش اسمش فرادرسه اما نمیدونم چجوریه
      https://faradars.org/courses/fvsch9503-scratch-visual-programming-for-children
    • توسط Streetlife
      سلام دوستان گرامی و متخصصان
      بنده یک سوال مهم و یک راهنمایی از اساتید نیازمندم
      میخوام به یک سایت وردپرسی به صورت پاپ اپ یک صفحه نطرسنجی رو اضافه کنم.نظرسنجی به صورت پاسخ دلخواست و میخام کاربر وقتی میخواد کلمه ی مورد نظر که از محصولات سایت هستش رو تایپ میکنه با نوشتن قسمتی از اون به صورت پیشنهادی کلمات مشابه رو نشون بده مثل گوگل
      هرچی گشتم چیزی رو پیدا نکردم خواهشمندم راهنمایی بفرماااییید
    • توسط mina_exchange
      سلام دوستان . ممکنه کم و بیش شما با واژه هایی مثل "برون سپاری" و یا معادل انگلیسی آن "freelancing"  آشنایی داشته باشید. واژه فریلنسر برای اولین بار  توسط «سر والتر اسکات» در رمان مشهور ایوانهو به کار برده شد و اشاره به سربازهایی داشت که در جنگ‌های قرون وسطایی به صورت مزدور والبته بدون التزام و تعهد به اربابی خاص، می‌جنگیدند یا اصطلاحاً نیزه می‌زدند. بعدها واژه فریلنسر شکلهای دیگری هم به خود گرفت و کم‌کم تبدیل شد به اصطلاحی رایج.اما امروز فریلنسر به کسی گفته میشود که در ازای گرفتن حق الزحمه ، خدمات تخصصی را به کارفرمایان و مشتریان بدون داشتن  قرارداد بلندمدت ارائه میدهد. بطور کلی فریلنسرها از تنوع کاری زیادی نسبت به کارمندان برخوردار هستند. بدون درنظر گرفتن به نیاز به یک درآمد ثابت - معمولاً آزادی عمل بیشتری برای انتخاب زمان و مکان کار خود دارند.تجربه کارهای متفاوت مشخصه‌های آن‌ها را می‌سازد و در نتیجه شبکه‌ای از مشتریان برای خود تشکیل می‌دهند. شما با داشتن هر توانایی و هرمهارتی می توانید با شیوه فریلنسینگ از آن توانایی و یا مهارت خود کسب درآمد کنید.اما مشتری را چه کسی برای شما پیدا میکند؟! امروزه وبسایت های زیادی در این زمینه مشغول به فعالیت هستند. از نمونه های ایرانی آن میتوان به وبسایت هایی همچون "پارسکدرز" ، " کاریتو"، "پونیشا" و... اشاره کرد. این وب سایت ها به عنوان یک واسطه بین کارفرما و مجری (یا همان فریلنسرها) عمل میکنند به این صورت که کارفرما خدمت مورد نیاز خود را در اینگونه وبسایت ها اعلام میکند و شما اگر توانایی انجام خدمت مدنظر کارفرما را داشته باشید، با کارفرما وارد دیالوگ شده و  قیمت پیشنهادی و مهلت انجام کار را تعیین میکنید و پس از انجام مذاکره در صورتی که کار به شما واگذار گردد درصدی از حق الزحمه را به وبسایت پرداخت میکنید. البته تعدای از این وبسایت ها حق اشتراک ماهانه نیز از شما دریافت میکنند. هرکاری که بتوان در بستر اینترنت انجام داد نظیر تایپ، ترجمه، برنامه نویسی، طراحی سایت، انجام کارهای گرافیکی و... قابل درخواست از طرف کارفرما و قابل ارائه از طرف فریلنسرها می باشد. اگر شما یک طراح سایت حرفه ای و یا یک برنامه نویس حرفه ای باشید، سایتهای برون سپاری در کسب درآمد شما جایگاه ویژه ای پیدا میکنند چرا که بیش از نود درصد درخواست ها از طرف کارفرمایان در سایت های برون سپاری در این حوزه قرار میگیرد. و اگر حتی بخواهید به دلار کسب درآمد کنید این امکان نیز با ثبت نام در سایت های برون سپاری جهانی نظیر "freelancer.Com" و یا "UpWork.com"  برای شما فراهم میشود. البته به علت تحریم های ایران ، امکان ثبت نام در این دو سایت برای فریلنسرهای ایرانی فراهم نمی باشد اما ما مفتخریم اعلام کنیم که مجموعه ما یعنی "Mina_Exchange"  این امکان را فراهم آورده است. در صورت تمایل به عضویت در freelancer.com به وبسایت
        http://mina-exchange.com/  مراجعه کنید.