Как да сложа снимка в HTML

Съдържание:

Как да сложа снимка в HTML
Как да сложа снимка в HTML

Видео: Как да сложа снимка в HTML

Видео: Как да сложа снимка в HTML
Видео: Основы HTML. Как вставить изображение на интернет-страницу 2024, Може
Anonim

Текстът на уеб страница е много по-четлив, когато е илюстриран. HTML запазва маркера img за тази цел. Използвайки го в комбинация с други тагове, можете да направите снимка активна връзка, включително по-голяма версия на същото изображение.

Как да сложа снимка в HTML
Как да сложа снимка в HTML

Инструкции

Етап 1

Ако файлът с изображение и HTML файлът се намират в една и съща папка, използвайте следния HTML код, за да вмъкнете изображението: където imagename.jpg

Стъпка 2

Ако файлът с изображение се намира на същия сървър, но в друга папка, променете тази конструкция, както следва: където /folder/anotherfolder/imagename.jpg

Стъпка 3

Поставяйте изображенията, съхранявани на други сървъри, с повишено внимание - там може да бъде активирана защита срещу извличане и след това вместо желаното изображение посетителят на вашата страница ще види предупреждение за такава защита. Ако няма такава защита и собственикът на сървъра на трета страна не възразява срещу вмъкването на изображенията, съхранявани там, в страниците на други хора, използвайте следния кодов фрагмент: където https://server.domain/folder/anotherfolder/imagename.jpg

Стъпка 4

За да може изображението да бъде едновременно връзка към друга страница, използвайте следния код:, където linktext е адресът на връзката (локален или глобален).

Стъпка 5

И накрая, така че когато потребителят щракне върху изображението, потребителят може да види разширеното му копие, променете предишния фрагмент, както следва: където imagename-big.jpg

Препоръчано: