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