КАТЕГОРИИ:
АстрономияБиологияГеографияДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРиторикаСоциологияСпортСтроительствоТехнологияФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Изображения в HTML-документе
Встроить изображение в HTML-документ очень просто. Для этого нужно только иметь это самое изображение в формате GIF (файл с расширением *.gif) или JPEG (файл с расширением *.jpg или *.jpeg) и одну строчку в HTML-тексте.
<BODY>
<IMG>
</BODY>
Необходимо указать так же файл изображения и его размеры.
<BODY>
<IMG SRC="chef.gif" WIDTH=130 HEIGHT=101>
</BODY>
Допустим, нам нужно включить в документ изображение, записанное в файл picture.gif, находящийся в одном каталоге с HTML-документом. Тогда строчка будет вот такая:
<IMG SRC=«picture.gif»>
Метка <IMG SRC=«[имя файла]»> может также включать атрибут ALT=«[текст]», например:
<IMG SRC=«picture.gif» ALT=«Картинка1»>
<IMG SRC="chef.gif" WIDTH=130 HEIGHT=101 ALT="Chef">
Встретив такую метку, браузер покажет на экране текст «Картинка1» и начнет загружать на его место картинку из файла picture.gif. Атрибут ALT может оказаться необходимым для старых браузеров, которые не поддерживают изображений, а также на случай, если у браузера отключена автоматическая загрузка изображений (при медленном подключении к Интернет это делается для экономии времени).
В теге IMG необходимо указать какое изображение мы хотим получить и где оно находится.
Изображение "chef.gif", будет искаться по умолчанию в той же папке, где находится сам html документ .
| SRC="chef.gif" |
| SRC="images/chef.gif" |
| SRC="../chef.gif" |
| SRC="../../chef.gif" |
| SRC="../images/chef.gif" |
| SRC="../../../other/images/chef.gif |
Или можно указывать полный путь URL. Например: http://www.hair.net/~squiggie/LottzaStuff/other/images/chef.gif
Файл, содержащий изображение, может находиться в другом каталоге или даже на другом сервере. В этом случае нужно указать его полное имя (например, http://www.server.com/home/ picture.gif ).
Автоматически, рисунок выравнивается по нижнему краю сопровождающего его текта, но Вы можете задавать взаимное расположение рисунка и текста.
Форматирование положения рисунка задается включением в гиперссылку пункта «ALIGN = «:
<IMG ALIGN=top SRC=image_URL>
Также возможны типы выравнивания:
ALIGN = MIDDL
ALIGN = CENTER
Списки
HTML поддерживает ненумерованные и нумерованные списки.
|
|
Дата добавления: 2015-08-05; просмотров: 96; Мы поможем в написании вашей работы!; Нарушение авторских прав |