Основы языка разметки гипертекста. Практическая работа 3.8. Разработка сайта с использованием веб-редактора4

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


Уроки 44 - 49
§3.13. Основы языка разметки гипертекста. Практическая работа 3.8. Разработка сайта с использованием веб-редактора


§3.13. Основы языка разметки гипертекста



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

Структура HTML-кода веб-страницы

Шрифт

Форматирование текста

Вставка изображений

Гиперссылки

Текстовые поля

Переключатели

Флажки

Поля списков

Текстовая область

Отправка данных из формы

Создание веб-страниц в веб-редакторах

Практическая работа 3.8. Разработка сайта с использованием веб-редактора


Вставка изображений


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

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

<IMG SRC="file.gif">

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

<IMG SRC="D:\path\file.gif">

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

<IMG SRC="http://www. server.ru/file.gif ">

Расположить рисунок относительно текста различными способами позволяет атрибут ALIGN, который может принимать пять различных значений: top (верх), middle (середина), bottom (низ), left (слева) и right (справа). Например, чтобы рисунок располагался по правому краю текста, тег вставки изображения должен принять следующий вид:

<IMG SRC= "file.gif" ALIGN=”right">

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

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

<IMG SRC="file.gif" ALIGN="right" ALT=”Teкст">

Следующая страница Гиперссылки



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







Наверх