Как получить html-код для картинки?

3 ноября 2014 г. Просмотров: 821 Инструкции
Чтобы html-страница содержала какое-либо изображение, его нужно добавить с помощью специальных тегов. Существуют определенные правила оформления картинки с помощью html-кода: вам нужно указать название картинки и расположить ее в доступном для страницы месте, а также указать размер изображения и подпись.

Вам понадобится

  • - знание html;
  • - интернет.

Инструкция

  • Приготовьте изображение, которое вы планируете вставить. Не стоит размещать на страницах слишком объемные изображения — это значительно «утяжелит» страницу, сделав загрузку медленной. Если оформление все-таки подразумевает включение большого изображения, существуют некоторые хитрости в дизайне — вам помогут советы опытных веб-разработчиков.
  • Разместите изображение в папку редактируемой html-страницы. Если по плану на странице будет много изображений, оптимально разложите их по папкам, и тогда название картинки в html-коде будет включать также и название папки, в которой она размещена. Можно использовать специальные названия для папок, которые позволяют вам не путаться при большом количестве разнообразных файлов.
  • Внесите в текст страницы тег . Не ошибитесь в символах. Кавычки также обязательны — так браузер узнает, что внутри кавычек идет текстовое сообщение (в данном случае — название картинки), а не исполняемый код. Добавьте размер изображения с помощью параметров width="..." и height="...". Данный параметр означает, сколько пикселей на странице должно занимать вставленное изображение. Добавьте всплывающую подпись для изображения с помощью параметра title="...".
  • Сохраните изменения, а затем откройте html-страницу в браузере для проверки результата вашей работы. Если в процессе выполнения кода возникли ошибки, браузер выведет на экран соответствующее сообщение. Также существует специальное программное обеспечение, которое позволяет в режиме реального времени создавать html коды страниц, без знания языка программирования. Вы должны всего лишь ставить нужные файлы в нужные стороны и подписывать их.
  • Оцените статью!