4.2. Размещение изображений на Web-страницах
Для вставки изображения в текст Web-страницы используется одинарный тег <IMG> (табл. П 1). Атрибуты этого тега задают все параметры изображения, размещаемого на странице. Обязательным является атрибут SRC, определяющий адрес и имя графического файла. Если атрибут SRC не установлен, то будет отображаться только значок пустого изображения.
Структура тега <IMG> с атрибутом SRC имеет вид:
<IMG SRC = "Адрес и имя файла">.
Если графический файл с именем Институт находится в той же папке, что и Web-страница, то для его размещения следует записать:
<IMG SRC = "Институт.JPG">.
Имя файла Формат
Для размещения графического файла с именем МИНСК, нахо-дящегося по адресу D:\Коллекция\Города\ МИНСК.GIF, следует записать <IMG SRC = "D:\Коллекция\Города\ МИНСК.GIF">.
С помощью тега <IMG SRC = "URL-адрес файла"> на Web-странице размещается графический файл, находящийся на другом компьютере в глобальной сети «Интернет».
Чтобы создать Web-страницу с фотографией нашего института, которая приведена на рис. 4.1, нужно ввести следующий HTML-код:
<HTML>
<HEAD>
<TITLE> Web-страница с фотографией </TITLE>
</HEAD>
<BODY>
<H2 ALIGN = "CENTER"> Наш институт </H2>
<P ALIGN = "CENTER">
<IMG SRC = "Институт.JPG" HEIGHT = "200" WIDTH = "300">
</Р>
</BODY>
</HTML>
Рис. 4.1. Web-страница с фотографией института
В приведенном примере высота фотографии (HEIGHT) составляет 200 пикселей, а ширина (WIDTH) – 300 пикселей. Для размещения фотографии создается абзац с выравниванием по центру.
- Оглавление
- 1. Глобальная компьютерная сеть «интернет»
- 1.1. Назначение и виды компьютерных сетей
- 1.2. Основные понятия Интернет
- 1.3. Адресация компьютеров в сети «Интернет»
- 1.4. Информационные системы Интернет
- 1.5. Гипертекстовая информационная система www
- Тип протокола://адрес компьютера/
- 2. Создание web-страниц
- 2.1. Основные понятия html
- 2.2. Структура html-документа
- 2.3. Создание и редактирование Web-страниц
- Обновить
- 3. Работа с текстом
- 3.1. Создание текстовых заголовков
- 3.2. Абзацы текста
- 3.3. Форматирование текста
- Номер и размер шрифта
- 3.4. Списки
- Нумерованные списки
- Маркированные списки
- 3.5. Бегущая строка
- 3.6. Специальные символы
- Коды специальных символов
- 4. Графические объекты
- 4.1. Поддерживаемые форматы графических объектов
- 4.2. Размещение изображений на Web-страницах
- 4.3. Горизонтальные линии
- 5. Таблицы
- 5.1. Создание таблиц
- 5.2. Заголовки и форматирование таблиц
- 6. Гиперссылки
- 6.1. Назначение и виды гиперссылок
- 6.2. Гиперссылки на другие Web-страницы
- 6.3. Переходы по гиперссылкам в пределах Web-страницы
- 6.4. Графические гиперссылки
- 6.5. Гиперссылки на адреса электронной почты
- 7. Фреймы
- 7.1. Понятие и типы фреймов
- 7.2. Создание фреймов
- 8. Публикация Web-документов
- 9. Контрольные задания
- Приложение
- Коды цвета
- Значения атрибутов align и valign
- Литература
- 220086, Минск, ул. Славинского, 1, корп. 3.