Как добавить картинки на сайт HTML

3D HTML Письма

Добавление изображений на страницы вашего веб-сайта часто может сделать их более приятными для глаз и передавать информацию лучше, чем использование одного текста. Этот процесс выполняется с использованием HTML-кода и файла изображения. Файл может быть с другой веб-страницы или храниться на веб-сервере.

Используя тег

В HTML-код для веб-страницы вы можете добавить изображение, используя тег. в тег, вам нужно указать четыре атрибута:

  • Src — атрибут источника указывает местоположение изображения. Вы можете использовать относительный путь, если изображение находится на том же сервере, что и ваш сайт, но изображения с другого сайта требуют абсолютных путей.
  • Alt — атрибут альтернативного текста представляет собой письменное описание изображения.
  • Ширина — ширина изображения.
  • Высота — высота изображения.

Необязательный атрибут — «Граница», который позволяет указать границу вокруг изображения. Атрибут границы определяется размером пикселя. Например, используя border = 1 в тег означает, что граница вокруг изображения будет шириной 1 пиксель.

Заметка

Атрибут Border устарел в HTML5 и не поддерживается.

Примеры

В следующих примерах показан фактический HTML-код, используемый для добавления изображения вверху этой страницы. Они могут быть вставлены в любое место в теле вашей страницы. Первый имеет более короткий URL, потому что изображение хранится на нашем сервере; во-вторых, как бы вы связались с нашим изображением.

Пример первый

Пример два

3D HTML

Какие форматы изображений я могу использовать на веб-странице?

Наиболее распространенные форматы изображений, которые можно использовать для изображений, фотографий, логотипов и других изображений, — это JPEG, GIF и PNG. Другие форматы изображений, которые широко не поддерживаются, такие как BMP, могут работать не во всех браузерах.

Нужны ли кавычки вокруг атрибутов в теге img?

Да. Хотя современные браузеры обычно могут исправлять любые ошибки с отсутствующими кавычками вокруг значения атрибута, вы всегда должны иметь кавычки вокруг значения атрибута, чтобы избежать ошибок.

Ссылка на основную публикацию