Съдържание

• Стъпвам
• Метод 1 от 1: Вмъкване на изображения с HTML
• Съвети
• Предупреждения

Добавянето на изображения към вашия уебсайт или профил в социалната мрежа е отличен начин за обличане на вашата уеб страница. HTML (HyperText Markup Language) има много функции за създаване на уеб страници, но за щастие кодът, който трябва да добавите, не е твърде труден.

Стъпвам

Метод 1 от 1: Вмъкване на изображения с HTML

1. Качете изображението си на безплатен уебсайт за хостинг, като Photobucket или TinyPic, който позволява горещо свързване. Горещите връзки позволяват директна връзка на изображение към сървъра на уебсайта; някои доставчици са забранили това, защото горещото свързване използва тяхната честотна лента и заема място на техните сървъри.
   • Ако имате платен акаунт за хостинг, качете изображенията директно на сървъра, където е поставен вашият уебсайт. Това винаги е по-надеждно от безплатния сайт и изобщо не трябва да е скъпо.
2. Отворете нов документ в текстов редактор (напр., Notepad / Notepad) или отворете страницата във вашия уебсайт / профил, където можете директно да промените HTML кода.
3. Започнете с img етикет. The img тагът е празен, което означава, че не е необходим затварящ таг. За валидиране на XHTML обаче можете да поставите интервал и наклонена черта пред него по-велик от знак.
   • img />
4. Има много налични атрибути, но е необходим само един:src. Това е местоположението / адресът или също URL адресът на вашето изображение.
   • img src = "URL адрес на изображението" />
5. След това трябва височина добавяне на атрибут. Това показва алтернативен текст, в случай че изображението не успее да се зареди. Това също е услуга за хора със зрителни увреждания, която използва екранни четци.
   • Ако задържите курсора на мишката върху изображение, този текст също се показва като подсказка, но това е само случаят в Internet Explorer. Решението, което работи с всички браузъри (Firefox и др.) е към него заглавие атрибут, който да се използва в допълнение към височина. (Можете да пропуснете последното, ако не искате изображението да има подсказка.)

Като пример:img src = "URL на изображението" alt = "За всеки случай" title = "Tooltip" />

1. Сега можете да посочите размера на изображението с височина и ширина атрибут и чрез посочване на пикселите или процент. Имайте предвид, че преоразмеряването по този начин само променя размера на изгледа, а не размера на самото изображение. За да съкратите времето за зареждане на изображение, по-добре е, особено при големи изображения, да ги оразмерите предварително със софтуер за редактиране на снимки или с онлайн услуга като PicResize.com.
   • img src = "URL на изображението" alt = "За всеки случай" title = "Tooltip" height = "50%" width = "50%" />
   • img src = "URL на изображението" alt = "За всеки случай" title = "Tooltip" height = "25px" width = "50px" />

Съвети

• Стойността за тези атрибути е дадена или в пиксели, или като процент, от 1-100%.
• Изображението може да бъде поставено навсякъде на уеб страницата, като се използват различните атрибути за форматиране като горе, отдолу, в средата, вдясно, вляво и т.н.
• Атрибутът hspace се използва за вмъкване на хоризонтално пространство отляво и отдясно на изображение, докато атрибутът vspace се използва за освобождаване на място в горната и долната част на изображения и други обекти.
• Не се забавлявайте твърде много с изображения. Това изглежда разхвърляно и непрофесионално.
• GIF изображенията са подходящи за лога или карикатури, но този тип файл е по-малко подходящ за снимки и други изображения с много цветове.
  • GIF изображенията поддържат само 8-битов цвят с максимум 256 цвята за изображение. Следователно се очаква, че възпроизвеждането на 16 или 24 битова цветна илюстрация или снимка няма да бъде толкова добро.
  • GIF изображенията също поддържат прозрачност. Възможен е един бит прозрачност, което означава, че един цвят може да се направи прозрачен.
  • Преплитането се поддържа и от GIF изображения, което означава, че посетителят на сайта ще получи представа как ще изглежда изображението, преди да бъде напълно зареден.
  • GIF форматът също поддържа анимация.
• Уверете се, че URL адресът посочва файловия формат на изображението (.webp .gif и т.н.).

Предупреждения

• Не Hotlink!