Содержание
Добавление изображений на страницы вашего веб-сайта часто может сделать их более приятными для глаз и передавать информацию лучше, чем использование одного текста. Этот процесс выполняется с использованием HTML-кода и файла изображения. Файл может быть с другой веб-страницы или храниться на веб-сервере.
Используя ![]()
тег
В HTML-код для веб-страницы вы можете добавить изображение, используя тег. в
тег, вам нужно указать четыре атрибута:
- Src — атрибут источника указывает местоположение изображения. Вы можете использовать относительный путь, если изображение находится на том же сервере, что и ваш сайт, но изображения с другого сайта требуют абсолютных путей.
- Alt — атрибут альтернативного текста представляет собой письменное описание изображения.
- Ширина — ширина изображения.
- Высота — высота изображения.
Необязательный атрибут — «Граница», который позволяет указать границу вокруг изображения. Атрибут границы определяется размером пикселя. Например, используя border = 1 в тег означает, что граница вокруг изображения будет шириной 1 пиксель.
Заметка
Атрибут Border устарел в HTML5 и не поддерживается.
Примеры
В следующих примерах показан фактический HTML-код, используемый для добавления изображения вверху этой страницы. Они могут быть вставлены в любое место в теле вашей страницы. Первый имеет более короткий URL, потому что изображение хранится на нашем сервере; во-вторых, как бы вы связались с нашим изображением.
Пример первый
Пример два
Какие форматы изображений я могу использовать на веб-странице?
Наиболее распространенные форматы изображений, которые можно использовать для изображений, фотографий, логотипов и других изображений, — это JPEG, GIF и PNG. Другие форматы изображений, которые широко не поддерживаются, такие как BMP, могут работать не во всех браузерах.
Нужны ли кавычки вокруг атрибутов в теге img?
Да. Хотя современные браузеры обычно могут исправлять любые ошибки с отсутствующими кавычками вокруг значения атрибута, вы всегда должны иметь кавычки вокруг значения атрибута, чтобы избежать ошибок.
