تصاویر ، مانند سایر عناصر یک صفحه وب ، مطابق با دستورالعمل های دقیق ارسال شده توسط سرور ، توسط مرورگر نمایش داده می شوند. این دستورالعمل ها با HTML (HyperText Markup Language) نوشته شده اند و از "برچسب ها" تشکیل شده اند. برچسب ها نوع همه عناصر یک صفحه وب ، مکان و شکل ظاهری آنها را توصیف می کنند.
دستورالعمل ها
مرحله 1
ابتدا باید فایل تصویر را در سرور بارگذاری کنید. این کار را می توان با استفاده از FTP (پروتکل انتقال پرونده) از طریق یک برنامه خاص انجام داد. به این برنامه ها سرویس گیرنده های FTP گفته می شود - برای مثال Cute FTP ، WS FTP ، FlashFXP و سایر برنامه ها. اما می توانید آن را از طریق مدیر فایل بارگیری کنید ، که باید در کنترل پنل میزبانی باشد که سایت شما در آن میزبانی شده است. مدیر فایل به شما امکان می دهد تا پرونده ها را از طریق مرورگر خود بارگذاری کنید.
گام 2
پس از آن ، باید برچسب مربوطه را در کد html صفحه مورد نظر قرار دهید. یعنی شما باید این صفحه را پیدا کرده و کد منبع آن را برای ویرایش باز کنید. اگر یک فایل صفحه دارید ، می توانید آن را با یک ویرایشگر متن ساده - به عنوان مثال ، دفترچه یادداشت استاندارد - باز کنید. و اگر از هر سیستمی برای مدیریت سایت استفاده می کنید ، در پانل مدیریت این سیستم ، ویرایشگر صفحه را پیدا کرده و صفحه مورد نظر را در آن باز کنید. پس از آن ، باقی مانده است که برچسب تصویر را در محلی که به صفحه نیاز دارید وارد کنید و تغییرات را ذخیره کنید.
مرحله 3
اطلاعات بیشتر در مورد خود برچسب - در ساده ترین شکل ، می تواند به صورت زیر باشد: برچسب حاوی اطلاعات اضافی مختلفی است - "ویژگی ها". فقط یک ویژگی برای برچسب تصویر لازم است - src. این آدرس به مرورگر آدرس می دهد که در آن باید فایل حاوی carnink را بدست آورد. اگر این پرونده روی سرور در همان پوشه (یا زیر پوشه) صفحه خود قرار داشته باشد ، کافی است فقط نام آن یا مسیر زیر پوشه را مشخص کنید. به چنین آدرس هایی "نسبی" گفته می شود. و یک آدرس مطلق ممکن است به این شکل باشد:
- ویژگی دیگر - alt="تصویر" - حاوی متنی است که در نوار ابزار نشانگر ماوس نشان داده می شود: ویژگی های دیگر - عنوان همان کار را می کنند: - دو ویژگی - عرض و ارتفاع - اندازه مستطیل را تنظیم می کنند که در آن مرورگر تصویر را نمایش می دهد: این ویژگی ها لازم نیست ، اما اگر مشکلی پیش بیاید و تصویر قادر به بارگیری نباشد ، تمام عناصر دیگر صفحه ممکن است نامناسب باشند ، زیرا مرورگر ابعادی که تصویر باید اشغال شده باشد. ابعاد در "پیکسل" مشخص شده اند - این واحد اصلی اندازه گیری است که در طرح بندی صفحه استفاده می شود. - ویژگی حاشیه عرض حاشیه اطراف تصویر را تعیین می کند (در پیکسل): اگر برای یک تصویر پیوند ایجاد شود ، مرورگر رسم می کند به طور پیش فرض یک مرز آبی در اطراف آن وجود دارد. برای خلاص شدن از آن ، باید مقدار حاشیه را روی صفر تنظیم کنید: - دو ویژگی تورفتگی تصویر را از عناصر مجاور تنظیم می کنند (به عنوان مثال ، از خطوط متن) - hspace تورفتگی افقی (چپ و راست) را تنظیم می کند ، vspace - به صورت عمودی (پایین و بالا): - این ویژگی هایی است که بیشتر مورد استفاده قرار می گیرد و بیش از 50 ویژگی برای این برچسب وجود دارد!
