Додавање слики на вашите веб страни

Добивање на слики за правилно прикажување

Сите слики што сакате да ги поврзете во HTML-страницата на вашиот веб-сајт прво треба да се постават на истото место каде што ќе го испратите HTML за веб-страница, без разлика дали веб-страницата е хостирана на веб-сервер до кој сте стигнале преку FTP или користите веб хостинг услуга. Ако користите веб хостинг услуга, најверојатно користите форма за поставување обезбедена од услугата. Овие форми се обично во делот за администрација на вашата сметка за хостинг.

Префрлањето на сликата на услугата за хостирање е само првиот чекор. Потоа треба да додадете таг во HTML за да го идентификувате.

Поставување слики во ист Директориум како HTML

Вашите фотографии може да се наоѓаат во истиот директориум како HTML. Ако тоа е случај:

  1. Внесете слика во коренот на вашата веб-страница.
  2. Додајте ознака за слики во вашиот HTML за да укажете на сликата.
  3. Поставете ја HTML-датотеката во коренот на вашата веб-страница.
  4. Проверете ја датотеката со отворање на страницата во вашиот веб прелистувач.

Сликата го зема следниов формат:

Претпоставувајќи дека фотографирате месечина со името "lunar.jpg", ознаката за сликата ја зема следнава форма:

Висината и ширината се опционални, но се препорачуваат. Забележете дека ознаката за сликата не бара затворање таг.

Ако се поврзувате со некоја слика во друг документ, користете ознаки за прицврстување и вметнете ја сликата во внатрешноста.

Поставување слики во поддиректориум

Почесто е да се зачуваат сликите во под-директориумот, обично наречен Слики . За да укажете на сликите во тој директориум, треба да знаете каде е во врска со коренот на вашата веб-страница.

Коренот на вашата веб-страница е каде што се прикажува URL-то, без никакви именици на крајот. На пример, за веб-страница наречена "MyWebpage.com", root ја следи оваа форма: http://MyWebpage.com/. Забележете ја коса црта на крајот. Ова е како коренот на директориумот обично е индициран. Поддиректориумите вклучуваат коса црта за да покажат каде седат во структурата на директориумот. Веб-страницата за пример на MyWebpage може да ја има структурата:

http://MyWebpage.com/ - root директориумот http://MyWebpage.com/products/ - директориум за производи http://MyWebpage.com/products/documentation/ - каталог на документација под директориумот на производи http: // MyWebpage.com/images/ - директориумот за слики

Во овој случај, кога ќе посочите на сликата во директориумот за слики, пишувате:

Ова се нарекува апсолутна патека до сликата.

Заеднички проблеми со слики што не прикажуваат

Добивањето на слики да се појави на вашата веб-страница може да биде предизвик во прв план. Двете најчести причини се дека сликата не е поставена каде HTML покажува, или HTML е напишан неправилно.

Првото нешто што треба да направите е да видите дали можете да го најдете вашиот имиџ онлајн. Повеќето хостинг провајдери имаат некој вид алатки за управување кои можете да ги користите за да видите каде сте ги поставиле вашите слики. Откако ќе помислите дека го имате точниот URL за вашата слика, напишете го во вашиот интернет пребарувач. Ако сликата се појави, тогаш имате точна локација.

Потоа проверете дали вашиот HTML покажува кон таа слика. Најлесен начин да го направите тоа е да го поставите URL-то на сликата што сте го тестирале во атрибутот SRC. Повторно испратете ја страницата и тестирајте.

Атрибутот SRC на вашата ознака за слика никогаш не треба да започне со C: \ или датотека: тие ќе се појавуваат кога ќе ја тестирате вашата веб-страница на вашиот сопствен компјутер, но секој што ќе посети вашиот сајт ќе ја види скршената слика. Ова е затоа што C: \ укажува на локација на вашиот хард диск. Бидејќи сликата е на вашиот хард диск, таа се прикажува кога ќе ја видите.