Всички изображения, които искате да свържете във вашите уебсайтове HTML първо трябва да бъде качено на същото място, където изпращате HTML за уеб страницата, независимо дали сайтът се хоства на уеб сървър, до който достигате FTP или използвате услуга за уеб хостинг. Ако използвате услуга за уеб хостинг, вероятно използвате формуляр за качване, предоставен от услугата. Тези формуляри обикновено са в административния раздел на вашия хостинг акаунт.
Качването на вашето изображение в хостинг услугата е само първата стъпка. След това трябва да добавите таг в HTML, за да го идентифицирате.
Качване на изображения в същата директория като HTML
Вашите снимки може да се намират в същата директория като HTML. Ако случаят е такъв:
- Качете изображение в корена на уебсайта си.
- Добавете етикет на изображение във вашия HTML, за да сочи към изображението.
- Качете HTML файла в корена на уебсайта си.
- Тествайте файла, като отворите страницата във вашия уеб браузър.
Маркерът на изображението има следния формат:
Ако приемем, че качвате снимка на луната с името "lunar.jpg", етикетът на изображението приема следната форма:
Височината и ширината не са задължителни, но се препоръчват. Тези стойности по подразбиране са в пиксели, но могат да бъдат изразени и като проценти:
Маркерът на изображението не изисква затварящ маркер.
Ако свързвате към изображение в друг документ, използвайте анкерни маркери и вложете маркера на изображението вътре.
Качване на изображения в поддиректория
По-често се съхраняват изображения в поддиректория, която обикновено се нарича Изображения. За да посочите изображения в тази директория, трябва да знаете къде се намира по отношение на корена на вашия уебсайт.
Коренът на вашия уебсайт е мястото, където се показва URL, без никакви директории в края. Например за уебсайт с име "MyWebpage.com" коренът следва този формуляр: http://MyWebpage.com/. Забележете наклонената черта в края. По този начин обикновено се посочва коренът на директория. Поддиректориите включват наклонената черта, за да покажат къде се намират в структурата на директориите. Примерният сайт MyWebpage може да има структурата:
http://MyWebpage.com/ - основната директория
http://MyWebpage.com/products/ - директорията на продуктите
http://MyWebpage.com/products/documentation/ - директорията на документацията под директорията продукти
http://MyWebpage.com/images/ - директория с изображения
В този случай, когато посочите вашето изображение в директорията с изображения, пишете:
Това се нарича абсолютен път към вашето изображение.
Често срещани проблеми с изображения, които не се показват
Получаването на изображения, които да се показват на вашата уеб страница, може да бъде предизвикателство в началото. Двете най-често срещани причини са, че изображението не е качено там, където HTML сочи, или HTML е написан неправилно.
Първото нещо, което трябва да направите, е да видите дали можете да намерите изображението си онлайн. Повечето хостинг доставчици имат някакъв вид инструмент за управление, който можете да използвате, за да видите къде сте качили вашите изображения. След като смятате, че имате правилния URL адрес за вашето изображение, въведете го в браузъра си. Ако изображението се покаже, значи имате правилното местоположение.
След това проверете дали вашият HTML сочи към това изображение. Най-лесният начин да направите това е да поставите URL адрес на изображението че току-що сте тествали атрибута SRC. Качете отново страницата и тествайте.
Атрибутът SRC на вашия таг на изображението никога не трябва да започва с ° С:\ или файл: Изглежда, че те работят, когато тествате уеб страницата си на собствения си компютър, но всеки, който посети вашия сайт, ще види счупено изображение. Това е така, защото C: \ сочи към местоположение на Вашият харддиск. Тъй като изображението е на вашия твърд диск, то се показва, когато го гледате, но няма да бъде за никой друг.