HTML-изображение
Онлайн примеры
Вставить изображение
Этот пример демонстрирует, как отображать изображения на веб-странице.
Вставка фотографий из разных мест
Этот пример демонстрирует, как различные изображения или папки сервера для отображения веб-страниц.
(Вы можете найти больше примеров в нижней части этой страницы.)
HTML-изображение - тег изображения (<IMG>) и атрибут источника (ЦСИ)
В HTML, изображения определяются тегом <IMG>.
Тег <Img> пуст, это означает, что он содержит атрибуты, и не закрывающий тег.
Чтобы отобразить изображение на странице, вам необходимо использовать атрибут источника (SRC). SRC относится к "источнику". Значение атрибута источника является URL изображения.
Пользовательский синтаксис изображения:
URL указывает на местоположение для хранения изображений. Если изображение называется "boat.gif" находится www.w3school.com.cn каталога изображений, то URL является http://www.w3school.com.cn/images/boat.gif.
Браузер будет отображать изображение в документе, где появляется тег изображения. Если вы поместите тег изображения между двумя абзацами, браузер сначала отобразит первый абзац, а затем отобразить изображение, отображаемое последний второй абзац.
HTML изображения - Alt Атрибут
Атрибут Alt используется в качестве альтернативного определения строки текстовых изображений, полученных.
Заменить текст свойства значения определяются пользователем.
Когда браузер не может загрузить изображения, заменить атрибуты текста рассказать читателям они теряют информацию. В этом случае браузер отобразит альтернативный текст, а не изображения. Изображение на странице объединены с заменой текста собственности является хорошей привычкой, которая помогает лучше отображения информации, а также для тех, кто использует простой текстовый браузер, очень полезно.
HTML изображения - Установите высоту и ширину изображения
высота (высота) и ширина (ширина) свойство для установки ширины и высоты изображения.
Значение по умолчанию атрибута в пикселях:
Совет: Хороший образ заданной высоты и ширины привычки. Это сохранит размер, указанный в случае, если высота изображения указана ширина, при загрузке страницы. Если вы не указать размер изображения, можно при загрузке страницы будет подрывать общую компоновку страниц HTML.
Основные меры предосторожности - полезные советы:
Примечание: Если HTML - файл содержит десять изображений, то для того , чтобы правильно отобразить эту страницу, вам необходимо загрузить 11 файлов.Загрузить изображение занимает много времени, поэтому наш совет: осторожность картина.
Примечание: При загрузке страницы, чтобы обратить внимание на путь вставки изображения страницы, если положение изображения не может быть установлен правильно, браузер не может загрузить изображение, тег изображения будет отображать разбитое изображение.
Другие примеры
Композиция фотографий
Этот пример показывает, как расположить изображения в тексте.
Плавающие изображения
Этот пример демонстрирует, как сделать поплавок изображение влево или вправо пункта.
Установка ссылку на изображение
Этот пример демонстрирует, как использовать изображение в качестве ссылки.
Создание карты изображения
Этот пример показывает, как создать изображение карты с интерактивными областями. Каждый из этих регионов является гиперссылкой.
HTML-тег изображения
标签 | 描述 |
---|---|
<img> | 定义图像 |
<map> | 定义图像地图 |
<area> | 定义图像地图中的可点击区域 |