На Web-страницы можно помещать изображения, хранящиеся в графических файлах различных форматов, например: GIF, JPG и PNG.
Вставка изображений
Для вставки изображения используется тэг <img />
с атрибутом SRC
, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC
достаточно указать только имя файла. Например:
<img src="computer.gif" />
Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в иерархической файловой системе. Например:
<img src="C:\\computer\computer.gif" />
Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например:
<img src="https://server.com/computer.gif" />
Положение рисунка относительно текста.
Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN
, который может принимать пять различных значений: ТОР
(верх), MIDDLE
(середина), BOTTOM
(низ), LEFT
(слева) и RIGHT
(справа).
Вставка альтернативного текста
Пользователи иногда, в целях экономии времени, отключают в браузере загрузку графических изображений и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выво¬диться альтернативный текст.
Альтернативный текст выводится с помощью атрибута ALT
, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:
<img src="https://server.com/computer.gif" alt="Компьютер" />
Контрольные вопросы
- Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?
- Зачем нужен атрибут
ALT