HTML یک زبان نشانه گذاری است که برای ایجاد صفحات اینترنتی استفاده می شود. می تواند برای شخصی سازی نمایش عناصر مختلف از جمله تصاویر استفاده شود. تنظیم نمایش تصاویر در HTML از طریق یک برچسب خاص انجام می شود.
دستورالعمل ها
مرحله 1
فایل HTML خود را با ویرایشگر متنی که برای ویرایش صفحات وب استفاده می کنید باز کنید. اگر فایل HTML ندارید ، آن را با کلیک چپ روی دسک تاپ یا پوشه مورد نیاز ایجاد کنید و روی منوی "جدید" - "متن سند" کلیک کنید. نام پرونده را وارد کنید و پسوند دوره HTML را اضافه کنید. سپس دوباره روی سند کلیک راست کرده و "Open with" - "Notepad" را انتخاب کنید. یک سند خالی مشاهده خواهید کرد که می توانید در آن کد HTML قرار دهید.
گام 2
برای ایجاد تصویر در HTML ، از برچسبی استفاده می شود که باید برای نمایش در بخشی قرار گیرد. مثلا:
تصویر در HTML
مرحله 3
برچسب غیر بسته کننده است و نیازی به برچسب بسته نیست. پارامتر اصلی آن ، که باید مورد استفاده قرار گیرد ، src است که مسیر را به پرونده تصویر مورد نظر تنظیم می کند. می توانید در این خط مسیر کامل (با https://) و مسیر نسبی (به عنوان مثال /pictures/img.jpg) به پرونده تصویری که می خواهید قرار دهید را مشخص کنید.
مرحله 4
پارامتر مهم دیگر alt است که نام تصویر و شناسایی آن را در صفحه مشخص می کند. وقتی کاربر ماوس را روی تصویر بکشید ، این نام ظاهر می شود.
مرحله 5
برای تنظیم پارامترهای تصویر می توانید از ویژگی های عرض و ارتفاع نیز استفاده کنید. اولین تنظیم مربوط به طول است و تنظیم دوم ارتفاع تصویر در صفحه است. این پارامتر در پیکسل مشخص شده است. بنابراین ، برچسب & img> می تواند تنظیم شود:
مرحله 6
با استفاده از این برچسب ، تصویری ایجاد می شود که مسیری که در آن مشخصه src ثبت می شود. هنگامی که بالای تصویر می روید ، پیام "نام تصویر" را مشاهده خواهید کرد. در این حالت ، عرض تصویر 300 پیکسل و ارتفاع 250 پیکسل خواهد بود. می توانید تمام پارامترهای فوق را به دلخواه تنظیم کنید.
مرحله 7
با استفاده از عملکرد "File" - "Save" تغییرات پرونده را ذخیره کنید. سند را در مرورگر باز کنید تا بررسی کنید آیا تصویر با موفقیت در HTML ایجاد شده است. برای این کار ، روی پرونده کلیک راست کرده و قسمت "Open with" را انتخاب کرده و سپس روی خط با نام مرورگر خود کلیک کنید. ایجاد تصویر HTML کامل است.
