Как в HTML поставить картинку?

Текст на веб-странице воспринимается значительно лучше, если он иллюстрирован. В языке HTML для этой цели зарезервирован тег img. Применяя его в сочетании с другими тегами, можно сделать картинку активной ссылкой, в том числе, на более крупный вариант того же изображения.
Создать сайт самостоятельно с Wix.com

Инструкция

Если файл с изображением и HTML-файл расположены в одной папке, для вставки картинки используйте такой HTML-код:, где imagename.jpg - имя файла с изображением.

При расположении файла с изображением на том же сервере, но в другой его папке измените эту конструкцию следующим образом:, где /folder/anotherfolder/imagename.jpg - полный путь к файлу с изображением.

Размещать изображения, хранящиеся на других серверах, следует с осторожностью - там может быть включена защита от личинга, и тогда вместо желаемой картинки посетитель вашей страницы увидит предупреждение о такой защите. Если же такой защиты нет, а владелец стороннего сервера не возражает против вставки хранящихся там изображений на чужие страницы, воспользуйтесь следующим фрагментом кода:, где http://server.domain/folder/anotherfolder/imagename.jpg - полный путь к файлу с изображением на другом сервере.

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

Наконец, чтобы при нажатии на изображение пользователь получал возможность увидеть его увеличенную копию, измените предыдущий фрагмент так:, где imagename-big.jpg - имя файла с крупной картинкой, imagename-small.jpg - имя файла с уменьшенной картинкой.Оба файла должны быть расположены в одной и той же папке сервера.

Оцените статью!