درس سوم: آموزش استفاده از تصاویر در html

آموزش استفاده از تصاویر در HTML؛ آیا می خواهید اطلاعاتی در این زمینه کسب کنید؟ چگونه از تصاویر در زبان برنامه نویسی HTML استفاده کنیم؟ نحوه آدرس دهی تصویر در HTML چگونه است؟ چگونه می توانیم اندازه تصاویر را در HTML تغییر دهیم؟ تصاویر چگونه در زبان برنامه نویسی اچ تی ام ال ایجاد می شوند؟

بهتر است بدانید، HTML یکی از بهترین زبان های برنامه نویسی است که در طراحی سایت مورد استفاده قرار می گیرد. شما می توانید در HTML تصاویر مختلفی را ایجاد و اندازه آنها را تغییر دهید تا ظاهر سایت خودتان را جذاب تر کنید. اگر شما نیز قصد طراحی سایت را دارید، پیشنهاد می کنیم تا با زبان برنامه نویسی HTML آشنا شده و تصاویری به سایت خودتان اضافی کنید. به همین دلیل ما می خواهیم در این مطلب، توضیحاتی در مورد نحوه استفاده از تصاویر در HTML برای شما ارائه کنیم و نحوه آدرس دهی تصاویر در HTML را به شما یاد دهیم.

نحوه استفاده از تصاویر در HTML چگونه است؟

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

برای اینکه بتوانید یک تصویر را در یک صفحه از سایت خودتان قرار دهید، باید از تگ <img> استفاده کنید. تگ img از تگ های تنها یا خالی در زبان برنامه نویسی HTML است، یعنی تگ پایانی برای بستن ندارد که فقط کافی است در قسمت src به جای URL آدرس تصویر مورد نظر خودتان را وارد کنید که این آدرس می تواند یک آدرس مطلق باشد یا یک آدرس نسبی.

جالب است بدانید، در HTML برای درج هر چیزی در سایتمان از تگ مخصوص خود آن استفاده می کنیم. به عنوان مثال برای درج لینگ از تگ a، برای درج دکمه از تگ button و.... برای درج عکس هم از تگ img استفاده می کنیم. برخی از تگ ها جفت و بعضی از آنها سینگل تگ هستند. اگر می خواهید نحوه ایجاد تصویر در HTML را یاد بگیرید، پیشنهاد می کنیم تا در دوره آموزش HTML شرکت کنید.

نحوه آدرس دهی تصاویر در HTML

همانطور که گفته شد، شما می توانید با استفاده از تگ img یک تصویر را در HTML و در تگ Body ایجاد کنید. هر تگ تنظیمات مربوط به خودش را دارد که در HTML به این تنظیمات صفت گفته می شود. بنابراین، هر تگ صفات و ویژگی های مخصوص به خودش را دارد. صفات هر تگ قبل از بسته شدن آن تگ نوشته می شوند. برای اینکه آدرس دقیق عکس مورد نظر خودتان را به تگ img بدهید، باید از روش های زیر استفاده کنید:

• آدرس دهی اول

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

• آدرس دهی دوم

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

• آدرس دهی سوم

اگر عکس مورد نظر شما بیرون از پوشه جاری فایل HTML قرار داشته باشد، برای خارج شدن از پوشه کافی است تا دو تا نقطه بگذارید تا از پوشه خارج شده و بعد از آن آدرس دهی شبیه آدرس دهی های نوا اول و دوم شود.

جمع بندی و نتیجه:

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