- •Содержание
- •Структура html-документа
- •Заголовок документа
- •Тело документа
- •Цветовое оформление документа
- •Разделение текста на абзацы
- •Разрыв строки
- •Горизонтальные линии
- •Логическое форматирование
- •Форматирование гипертекста
- •Физическое форматирование
- •Предварительно отформатированный текст
- •Использование графики в html-документах
- •Бегущая строка в html
- •Гиперссылки
- •Абсолютный и относительный url
- •Гиперссылки в пределах одного документа
- •Ссылка на почтовый ящик
- •Нумерованные списки
- •Маркированные списки
- •Список определений
- •Вложенные списки
- •Использование таблиц в html
- •Выравнивание данных в ячейках
- •Объединение ячеек
- •Цвет в таблицах
- •Определение параметров кадров
- •Организация ссылок
- •Мультимедийные возможности html
- •Формы в html-документах
- •Работа с тегами форм
- •Тип поля ввода, атрибут type
- •Нестандартное использование элементов форм
Гиперссылки в пределах одного документа
Другая форма тега <A> предназначена для присваивания имени некоторому фрагменту документа HTML:
<A NAME="имя">фрагмент документа</A>
Тег <A> часто называют тегом якоря (anchor). Если якорь применяется для добавления метки (имени) к фрагменту документа, то его называют именованным якорем.
Для того чтобы сослаться на фрагмент, которому присвоено имя, используется следующая форма тега <A>:
<A HREF="URL_ресурса#имя">Текст ссылки</A>
Если нужно сослаться на фрагмент текущего документа, то URL-ресурса можно опустить:
<A HREF="#имя">Текст ссылки</A>
Пример
Пусть в документе с именем book.html заголовку главы 2 присвоено имя chapter2:
<A NAME="chapter2">Глава 2</A>
Тогда ссылка на эту главу, расположенная в этом же документе, будет иметь вид:
<A HREF="#chapter2">Глава 2</A>
Для задания ссылки на эту же метку файла book.html из другого файла нужно написать:
<A HREF="book.html#chapter2">Глава 2</A>
Ссылка на почтовый ящик
Для того чтобы создать ссылку на почтовый ящик, напишите:
<A HREF=mailto:адрес_e-mail>текст ссылки2</A>
Здесь вместо адрес_e-mail нужно поставить адрес почтового ящика. После того, как посетитель активизирует эту ссылку, у него на экране появится специальное окно, позволяющее послать письмо по указанному адресу.
Пример
<A HREF=mailto:sidorov@mail.msiu.ru>Почта автору</A>
Задания
Откройте файл image.html и сделайте в нем ссылку в виде картинки на файл first.html.
Откройте файл first.html и сделайте в нем текстовую ссылку на файл image.html.
Добавьте в файл first.html несколько абзацев текста в таком количестве, чтобы документ уже не помещался целиком в окне браузера. Отметьте последний абзац, присвоив ему имя end.
Включите ссылку, ведущую сразу к последнему абзацу файла first.html, в файл image.html.
В файл first.html включите ссылку на свой почтовый ящик.
Дальше »
Списки
В настоящее время стандарты HTML поддерживают теги для списков трех различных видов: нумерованных (упорядоченных), маркированных (неупорядоченных) и списков определений. Списки и элементы списков являются блочными элементами. Это означает, что перед ними и после них автоматически добавляются пустые строки.
Язык HTML допускает вложенность любых видов списков. Для этого размещают одну пару тегов (стартовый и завершающий) внутри другой. Следует помнить о том, что все имеющиеся списки должны завершаться закрывающим тегом.
Нумерованные списки
Нумерованные (упорядоченные) списки используют, когда важен порядок вывода элементов списка. Браузер автоматически вставляет номера элементов по порядку, в исходном HTML-тексте номера не печатаются. Если количество элементов списка изменится (в результате удаления или добавления новых элементов), то нумерация автоматически обновится.
Весь нумерованный список заключается между парой тегов <OL> и </OL>, а каждый элемент списка расположен между тегами <LI> и </LI> (закрывающий тег </LI> может отсутствовать).
Пример
<OL>
<LI>Программирование</LI>
<LI>Алгоритмизация</LI>
<LI>Проектирование</LI>
</OL>
Тег <OL> может имеет атрибуты TYPE и START:
<OL START=n TYPE=вид_счетчика>
Атрибут TYPE задает вид счетчика, возможные значения которого приведены в таблице, a START - начальное значение.
Значение |
Функция |
A |
большие латинские буквы (A,B,C...) |
a |
маленькие латинские буквы (a,b,c...) |
I |
большие римские цифры (I,II,III...) |
i |
маленькие римские цифры (i,ii,iii...) |
1 |
арабские цифры (1,2,3...); используется по умолчанию |
Пример
<OL TYPE=I START=15>
<LI>Программирование</LI>
<LI>Алгоритмизация</LI>
<LI>Проектирование</LI>
</OL>
