Планирование уроков на учебный год (по учебнику Н.Д. Угриновича)



Урок 31
Форматирование текста на web-странице. Вставка изображений и гиперссылок



§ 6.4. Разработка Web-сайтов с использованием языка разметки гипертекста HTML



Содержание урока

6.4.3. Форматирование текста на Web-странице

6.4.4. Вставка изображений в Web-страницы

6.4.5. Гиперссылки на Web-страницах

Практическая работа 6.3

Лабораторная работа № 19 «Конструируем структуру web-сайта. Создаем макеты страниц»


6.4.4. Вставка изображений в Web-страницы


На Web-страницы можно помещать изображения, хранящиеся в графических файлах трех форматов — GIF, JPEG и PNG.

Вставка изображений. Для вставки изображения используется тэг с атрибутом SRC, который указывает на место хранения файла на локальном компьютере или в Интернете. Если графический файл находится на локальном компьютере в той же папке, что и файл Web-страницы, то в качестве значения атрибута SRC достаточно указать только имя файла. Например:

<IMG SRC="computer.gif">

Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в многоуровневой системе папок. Есть различия в написании полного имени файла в операционных системах Windows и Linux.

Рассмотрим на примере операционной системы Windows:

<IMG SRC="C:\computer\computer.gif">

Если файл находится на удаленном сервере в Интернете, то должен быть указан Интернет-адрес этого файла. Например:

<IMG SRC="http://www.server.ги/computer.gif">

Положение рисунка относительно текста. Расположить рисунок относительно текста различным образом позволяет атрибут ALIGN, который может принимать пять различных значений: ТОР (верх), MIDDLE (середина), BOTTOM (низ), LEFT (слева) и RIGHT (справа).

Вставка альтернативного текста. Пользователи иногда, в целях экономии времени, отключают в браузере загрузку графических изображений и читают только тексты. Чтобы не терялся смысл страницы, вместо рисунка должен выводиться альтернативный текст.

Альтернативный текст выводится с помощью атрибута ALT, значением которого является текст, поясняющий, что должен был бы увидеть пользователь на рисунке:

<IMG SRC="computer.gif" ALIGN="right" ALT="Компьютер">

Контрольные вопросы


1. Какой тэг и его атрибуты используются для вставки изображений в Web-страницы?

Cкачать материалы урока





Наверх