Основы HTML
 Структура документов
 Создание web-страницы
 Задаем стили текста
 Вставляем картинку
 Гиперссылки
 Таблицы
 Списки
 Теги HTML
 Специальные символы
Основы CSS
 Свойства CSS
Технология Ajax
 Основы AJAX
 Изучаем AJAX на примере
SEO
 SEO учебники
 ТИЦ и как его повысить
Заработок в интернете
 Заработок в интернете для новичков
 Заработок в соц. сетях с помощью Prospero
 GetGoodLinks – заработок на продаже ссылок.
Реклама

Вставляем картинку.

Вставка изображения на WEB-страницу выполняется одиночным тегом <img src="адрес изображения">. Атрибут src является обязательным в теге <img>. Изображения, вставляемые на WEB-страницу, должны иметь формат поддерживаемый браузером. Стандартные форматы WEB-графики - JPG, GIF и PNG.

Например, вы хотите вставить картинку image.jpg на HTML-страницу. Для этого сохраните файл с изображением в определенной папке. Если сохранить файл в папке, где находиться сам HTML-документ, тогда атрибут src будет иметь вид: src="image.jpg". Также, при вставке изображений надо следить, чтобы имя файла в теге указывалось с соблюдением регистра. Это необходимо, потому что операционные системы Unix различают регистр букв в именах файлов. Из-за этого у начинающих веб-дизайнеров бывают недоразумения: при тестировании на локальном компьютере картинка выводилась на экран, а при загрузке страниц с удаленного сервера картинка не появлялась. А причина в том, что они указали image.jpg, а на диске хранится IMAGE.JPG.

Полный HTML-код документа из нашего примера будет выглядеть примерно так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title> Вставляем картинку </title>
  </head>
  <body>
      <center><h1>Вставляем картинку</h1></center>
      <img src="image.jpg">
  </body>
</html>

Элемент <img> может включать в себя и други атрибуты помимо src. При наличии атрибутов hspace="количество пикселов" и vspace="количество пикселов" вокруг картинки образуется отступ в соответствующее количество пикселей от текста. Атрибуты width и height задают ширину и высоту картинки соответственно. Размеры можно задавать в пикселях и в процентах. По умолчанию используются действительные размеры изображения. Вокруг картинки при помощи атрибута border="1" задается рамка вокруг изображения.

На этом про картинки пока что все...

Подписка на новости
Теги HTML
 A
 ABBR
 ACRONYM
 ADDRESS
 B
 BIG
 BLOCKQUOTE
 BODY
 BR
 BUTTON
 CENTER
 CITE
 CODE
 DD
 DFN
 DL
 DT
 EM
 FONT
 H1-H6
 HEAD
 HR
 HTML
 I
 IMG
 KBD
 LI
 LINK
 MARQUEE
 META
 NOBR
 OL
 OPTION