- •Российский государственный педагогический
- •Isbn 5-8064-0249-5 © е.З. Власова, т.Ю. Ильина,
- •Предисловие
- •Г л а в а 1. Возможности inteRnet
- •1.1 Привлекательность inteRnet для пользователя
- •Вопросы для повторения темы «Привлекательность inteRnet для пользователя»
- •1.2. Краткая история inteRnet
- •Вопросы для повторения темы
- •Примеры доменных адресов
- •1.4. Информационные ресурсы и сервисы inteRnet
- •1.5. Методы поиска информации в inteRnet
- •Вопросы для повторения изученных тем «Информационные ресурсы и сервисы inteRnet. Методы поиска информации в inteRnet. Www–броузеры»
- •Глава 2. Создание html-документов
- •2.1. Структура html-документа. Физические и логические стили текста. Списки
- •Текст документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные, команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Вопросы для повторения темы «Структура html-документа. Физические и логические стили текста. Списки »
- •2.2. Гипертекстовые ссылки в html-документах
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Возврат Стр.3 Стр.4
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •A friend друг
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Cодержание документа
- •Вопросы для повторения темы
- •2.3. Использование элементов мультимедиа в html-документе
- •Основные команды (теги), используемые при написании html-документа
- •Комментарий
- •Звук в html-документе
- •Основные команды (теги), используемые при написании html- документа
- •Комментарий
- •Вопросы для повторения темы «Использование элементов мультимедиа в html-документе»
- •Г л а в а 3.
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •Практическая работа 2
- •Содержание работы
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •1. Задания для самостоятельной работы
- •1 Вариант.
- •2 Вариант.
- •3 Вариант.
- •4 Вариант.
- •5 Вариант.
- •6 Вариант.
- •7 Вариант.
- •8 Вариант.
- •9 Вариант.
- •10 Вариант.
- •11 Вариант.
- •7 Вариант.
- •Адрес: http://www.Philol.Msu.Ru/win/chairs/rus_f/teach.Htm Проверка результатов обучения
- •Практическая работа 4
- •Содержание обучения
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •Рекомендуемая литература
- •I. Базисные элементы (все документы на html должны содержать их)
- •II. Определение структуры (вид задаётся параметрами
- •IV. Списки
- •V. Ссылки
- •VI. Мультимедиа элементы
- •Оглавление
- •199106, С.-Петербург, Косая линия, д.15-а
Вопросы для повторения темы
«Гипертекстовые ссылки в HTML-документах»
Для каждого элемента (тега) HTML, указанного в левой колонке, подберите соответствующее ему определение в правой колонке.
1.<A HREF= «URL»> 1) гипертекстовая
ссылка к доку-
менту на вашем
жестком диске;
2.<A NAME=»имя мишени»> 2) синтаксис якоря
гиперсвязи, ссылаю-
щегося на мишень;
3.<A HREF=»file://localhost/путь»> 3) гипертекстовая
ссылка на документ в
сети INTERnet; 4.<A HREF=»#имя мишени»> 4) место в докумен-
те, на которое ссы-
лается якорь гипер-
связи.
2.3. Использование элементов мультимедиа в html-документе
При создании HTML-документов можно использовать графику. Она встраивается с использованием дескриптора img. Наличие графики замедляет выполнение всех операций и поэтому размер графических файлов должен быть как можно меньше. Для уменьшения времени загрузки web-страницы с графикой целесообразно задать размер изображений в HTML-коде. В этом случае броузер сначала резервирует на экране место для иллюстрации, а затем загружает текст. Пользователь может работать с текстом, пока загружается графическая часть страница. Ширина и высота картинки задаются соответственно атрибутами width = n и height = n, где n – число пикселей.
Иллюстрации можно расположить отдельно от текста или как его продолжение, в той же строке. Размеры встраиваемой иллюстрации, ее расположение на экране и относительно текста управляется атрибутами тега img.
В HTML не существует конкретных рекомендаций для использования графического формата. Наиболее часто применяют форматы gif и jpg, т.к. их поддерживают все броузеры.
Рассмотрим создание различных графических элементов в web-странице.
ПРИМЕР 17. “Роза – о ней поют поэты.” (А. Ахматова)
<html>
<head>
<title>ROSE</title>
<body bgcolor=blue text=green>
<marquee align=middle bgcolor=white direction=right
height=20
width=100%>
Царица из цариц - роза
</marquee>
<br><br>
<hr align=center size=6 width=500>
</hr>
<img src="rose.gif" height=200 width=250 align=left>
<font color=fuchsia> <br> <br>
<center>
Не мало этот сад растит прелестных роз, <br>
Но тех, кто их берет, шипы язвят до слез <br>
Хазиф, XIV век
<br><br><br>
<img src="flower.jpg" height=200 width=250 align=right>
<font color=silver>
Красота весны! Роза, о прекрасна! <br>
Всей, о госпожа, румяности власна! <br>
В.А. Тредиаковский, XVIII век
</b><br><br> <br><br>
<font color="#ffd70">
<center>
<i>
Слышишь, как всюду весною раздается лишь
Сладостный шопот радости и любви: это шелест
Соловья, читающего книги роз!
<br>
Саади "Цветник роз", 1258 год
</i></b>
</font>
</body>
</head>
</html>