- •Система адресации
- •Ip-адрес
- •Ip-адрес: 01111011110010000011001001100100
- •Адрес url
- •Сервисы Интернета
- •Общие сведения о языке html
- •Теги html
- •Структура документа html
- •Функциональные разделы документа
- •Создание списков
- •Создание таблиц
- •Задание 1. Ввод текста
- •Задание 2. Создание списков
- •Задание 3. Формирование таблиц
- •Гипертекстовые ссылки и якоря
- •Рисунки наWeb-страницах
- •Управление стилем шрифта
- •Форматирование фраз
- •Задание 1.Изменение оформления документа
- •Задание 2. Изменение оформления фрагментов документа
- •Задание 3. Создание гиперссылок
- •Задание 4. Использование графики
- •5. Создание фреймов
- •6. Использование фреймов
Рисунки наWeb-страницах
Рисунки хранятся в отдельных файлах вне документа HTML. Для размещения рисунков в документе используется одиночный тег <IMG>. Этот тег имеет обязательный атрибут SRC=, значением которого является адрес URL файла изображения, записанный в абсолютной или относительной форме. При просмотре документа браузером рисунок отображается в том месте документа, где расположен тег <IMG>.
По умолчанию браузер отображает рисунок используя его реальные размеры. При необходимости размеры рисунка можно изменить с помощью атрибутов WIDTH и HEIGHT,. значения которых определяют ширину и высоту изображения в пикселях. Браузер использует параметры WIDTH и HEIGHT для определения места рисунка ещё до того, он загружен, поэтому целесообразно использовать эти атрибуты всегда.
Рисунок является текстовым элементом, находящимся внутри какого-либо абзаца. Чтобы рисунок отображался независимо от текста, его включают в отдельный абзац.
Положение изображения, встраиваемого в строку, определяется значением атрибута ALIGN:
BOTTOM совмещает нижнюю границу изображения с основанием текстовой строки;
MIDDLE совмещает середину изображения с серединой текстовой строки;
TOP выравнивает изображение по верхнему срезу текстовой строки.
Для получения изображения, обтекаемого текстом, тег <IMG> записывают в начале абзаца и используют ALIGN=”LEFT” или ALIGN=”RIGHT”. В этом случае рисунок размещается у левой или правой границы окна, а текст выводится рядом на свободном поле. Обычно в режиме обтекания между текстом и рисунком оставляют промежуток. Величина промежутка (в пикселях) определяется по горизонтали значением атрибута HSPACE, а по вертикали – атрибутом VSPACE.
В теге <IMG> с помощью атрибута ALT= задаётся альтернативный текст, содержащий описание изображения. Если браузер по той или иной причине не отображает рисунок, то вместо него выводится альтернативный текст.
Изображение, как и текст, можно использовать в качестве ссылки. Для этого тег <IMG> должен быть помещён между тегами <A> и </A>. Рисунок-ссылка отображается в синей рамке.
Пример 4
<html>
<head>
<title>Изображения разного размера</title>
</head>
<body>
<img src="1153.JPG" width="602" height="480" border="1" alt="Калькулятор">
<img src="1153.JPG" width="200" height="480" border="1" alt="Калькулятор">
</body>
</html>
Пример4.2
<html>
<head>
<title>Примеробтеканиярисунка</title>
</head>
<body>
<p><img src="753df.gif" width="165" height="163" hspace="10" vspace="5" align="right" alt="Монитор753df">
Теперь любой производитель считает своим долгом в любой новой модели включить поддержку этого стандарта. Шина USB отнюдь не предназначена для передачи видеосигнала. Она предназначена только для передачи информации о конфигурации монитора, режимах работы, его настройках. Так, если монитор помнит только ограниченное количество настроек видеорежимов (обычно не больше 10-15) то применение USB может позволить запоминать сколь угодно настроек, так как их будет запоминать не монитор, а ваш компьютер. Так что кроме кабеля USB вам все равно понадобиться обычный и привычный видеокабель.
</p>
</body>
</html>