Как использовать HTML для вставки логотипа

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

Шаг 1

Найдите файл с вашим логотипом. Вам понадобится расположение файла и расширение изображения вашего логотипа, чтобы вы могли вставить его в код.

Видео дня

Шаг 2

Откройте свой текстовый редактор. Откройте Блокнот или другой текстовый редактор, чтобы начать писать код.

Шаг 3

Напишите код для вставки файла изображения. Тип Шаг 4

Вставьте информацию «альтернативного тега». Это ценно для поисковых систем и пользователей, которые не могут читать изображения. Эта информация может включать название вашей компании или просто сообщение вашего логотипа. Вам нужно будет добавить это сразу после раздела img src и вставить текст вокруг двух апострофов.

Шаг 5

Укажите высоту и ширину вашего изображения. Информация о высоте и ширине идет сразу после вашего атрибута тега alt, а также обертывается вокруг апострофов. Вам нужно будет написать следующее: width = "(количество пикселей)" height = "(количество пикселей)".

ШАГ 6

Укажите информацию о границах, затем закройте тег. Толщина границы не требуется для всех логотипов, но по умолчанию обычно равно «0». Вам нужно будет написать следующее: border = "0", а затем закрыть тег другим символом '>'.

Шаг 7

Сохраните файл с расширением .htm. Это ваш HTML-файл, который вы можете использовать в своем дизайн-проекте.

Вещи, которые вам понадобятся

  • Программное обеспечение Microsoft Paint или Image

  • Блокнот или базовая программа для обработки текстов

Подсказка

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

Предупреждение

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