Добавяне на изображения към вашите уеб страници

Получаване на изображения, които да се показват правилно

Всички изображения, които искате да свържете в HTML кода на уебсайта си, първо трябва да бъдат качени на същото място, където изпращате HTML за уеб страницата, дали сайтът се хоства на уеб сървър, до който сте достигнали чрез FTP или използвате уеб хостинг услуга. Ако използвате уеб хостинг услуга, вероятно използвате формуляр за качване, предоставен от услугата. Тези формуляри обикновено се намират в административната част на вашия хостинг акаунт.

Качването на вашето изображение в хостинг услугата е само първата стъпка. След това трябва да добавите маркер в HTML, за да го идентифицирате.

Качване на изображения в същата директория като HTML

Вашите снимки може да са разположени в същата директория като HTML. Ако това е така:

  1. Качете изображение в корена на уебсайта си.
  2. Добавете маркер за изображение в HTML, за да посочите изображението.
  3. Качете HTML файла в корена на уебсайта си.
  4. Тествайте файла, като отворите страницата във вашия уеб браузър.

Маркерът на изображението има следния формат:

Ако приемем, че качвате снимка на луната под името "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: \ или файл: Те ще изглеждат да работят, когато тествате уеб страницата си на собствения си компютър, но всеки, който посети сайта ви, ще види счупено изображение. Това е така, защото C: \ сочи към местоположение на вашия твърд диск. Тъй като изображението е на твърдия ви диск, то се показва, когато го прегледате.