- •Введение
- •Редакторы html
- •1. Первые html-документы
- •Обязательные теги
- •2. Форматирование текста и абзаца
- •Комментарии
- •Форматирование шрифта
- •Физические стили
- •Логические стили
- •Пример 4
- •3. Списки в тексте
- •4. Гиперссылки
- •Изображения в html-документе
- •Мета-инструкции
- •Пример 8
- •6. Таблицы
- •7. Формы
- •Пример 11
- •8. Фреймы
- •Упражнения на разработку web-страниц Упражнение 1
- •Упражнение 2.1
- •Упражнение 2.2
- •Упражнение 3
- •Упражнение 4.1
- •Упражнение 4.2
- •Упражнение 5.1
- •Упражнение 5.2
- •Упражнение 7.3
- •Упражнение 7.4
- •Упражнение 8.1
- •Упражнение 8.2
Мета-инструкции
Заголовок HTML-документа может включать неограниченное количество META-инструкций.
META-инструкция — это способ определить некоторую переменную путем указания ее имени (атрибут NAME) и значения (атрибут CONTENT).
Список META-инструкций
<META NAME="description" CONTENT="Это руководство">
Переменная description содержит краткое описание документа.
<META NAME="keywords" CONTENT="Интернет, HTML, WWW, руководство, публикация, гипертекст">
Переменная keywords содержит набор ключевых слов, описывающих содержание документа.
Другая группа META-инструкций определяет эквиваленты команд протокола передачи гипертекстов.
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=windows-1251">
Эта META-инструкция дает браузеру указание интерпретировать загружаемый документ как содержащий HTML-текст в кодировке Windows/1251.
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=koi8-r">
Эта META-инструкция абсолютно аналогична предыдущей, только в качестве кодировки указана КОИ-8.
<META HTTP-EQUIV="Refresh" CONTENT="время; URL=документ">
Такая META-инструкция дает браузеру примерно такое указание: "Если через время в секундах после завершения загрузки этого документа пользователь не перейдет к другому документу, начать загрузку ресурса документ".
Более конкретно это может выглядеть, к примеру, вот так:
<META HTTP-EQUIV="Refresh" CONTENT="10; URL=http://www.yi.com">
Если пользователь не предпримет никаких видимых действий в течение 10 секунд после загрузки документа, содержащего такую инструкцию, автоматически будет загружен документ http://www.yi.com.
Пример 8
В отличие от всех примеров, которые мы рассматривали ранее, пример 8 состоит из трех файлов.
Используя META-инструкцию Refresh, создадим небольшой слайд-фильм из трех кадров (файлов 1.html, 1a.html и 1b.html), которые будут циклически повторяться. Для остановки демонстрации нужно будет воспользоваться любой из гипертекстовых ссылок.
<!--файл 1.html -->
<HTML>
<HEAD>
<TITLE>Пример 8</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=1a.html">
</HEAD>
<BODY bgcolor=#FFFFFF text=#000000 link=#FF0000>
<H1>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </H1>
<P>Черный текст на белом фоне </P>
<P>[<A HREF="index.html">Возврат </A>|
<A HREF="2.html">Возврат к 2</A>]</P>
</BODY>
</HTML><!--конец файла 1.html -->
<!--файл 1a.html -->
<HTML>
<HEAD>
<TITLE>Пример 8a</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=1b.html">
</HEAD>
<BODY bgcolor=#000000 text=#FFFFFF link=#FF0000>
<H1>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </H1>
<P>Белый текст на черном фоне </P>
<P>[<A HREF="index.html">Возврат</A>|
<A HREF="2.html">Возврат к 2</A>]</P>
</BODY>
</HTML><!--конец файла 1a.html -->
<!--файл 1b.html -->
<HTML>
<HEAD>
<TITLE>Пример 8b</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=1.html">
</HEAD>
<BODY bgcolor=#C0C0C0 text=#0000FF link=#FF0000>
<H1>Слайд-демонстрация цветовых гамм <BR> с помощью META-инструкции Refresh </H1>
<P>Синий текст на сером фоне </P>
<P>[<A HREF="index.html">Возврат</A>|
<A HREF="2.html">Возврат к 2</A>]</P>
</BODY>
</HTML><!--конец файла 1b.html -->