Реферат: Руководство по программированию на HTML
Примеры маркированных списков находятся в файле Lists\UL.html.
3. Списки определений . Этот вариант применяется в том случае, когда каждый элемент списка состоит из двух частей: термина (понятия и т. п.) и его определения (расшифровки). Для вставки списка определений используется контейнер DL (definition list — список определений). Каждый элемент записывается с использованием двух тегов: <DT>Термин<DD>Его определение. Пример списка определений можно найти в файле Lists\DL.html.
6. Гипертекстовые ссылки
Главная особенность web-страниц состоит в том, что любая из них может позволить перейти к другой странице, находящейся на том же компьютере или в Интернет. Выглядит это следующим образом: фрагмент документа (текст, картинка или другой объект) выделяется особым образом; при просмотре страницы можно, щёлкнув мышью по этому фрагменту заставить браузер загрузить другую страницу, адрес которой записывается в тексте HTML-документа. По этой причине содержимое страниц называется гипертекстом.
Для выделения фрагмента, являющегося ссылкой, используется контейнер <A> (от слова anchor — якорь). Наиболее важный атрибут тега <A> — это HREF, в качестве значения которого записывается адрес страницы, на которую нужно перейти. Ниже приведён пример вставки гиперссылки:
<A HREF="http://uni-vologda.ac.ru">Щёлкните сюда, чтобы перейти на главную страницу web-сайта ВГПУ</a>
В качестве адреса в атрибуте HREF записывается либо полный URL сайта или страницы, либо имя файла, содержащего страницу, если она лежит на том же компьютере, что и исходная. Если страница лежит на том же компьютере, в том же каталоге, что и просматриваемая, то в HREF достаточно указать имя файла. Если же она лежит в другом каталоге, то вместо имени протокола пишут «file://», а затем — полный путь к файлу и его имя.
Примеры: HREF="main.html", HREF="file://c:\WebPages\Book\contents.htm".
Иногда страницы могут оказаться довольно большими, и для поиска нужной информации потребуется много времени. В таких случаях разумно делать ссылки в пределах одного документа. Пусть, например, в формате HTML опубликована целая книга, тогда её содержание можно выполнить в виде ссылок, щёлкнув по нужной ссылке можно быстро перейти к началу интересующей нас главы или части книги.
Чтобы сделать ссылку в пределах одного документа потребуется два шага:
1. Отмечаем то место в документе, на которое позже сделаем ссылку (устанавливаем «якорь»). Для этого вставляем в нужное место тег <A> с атрибутом NAME. В качестве значения этого атрибута записываем в кавычках имя для того места, которое мы хотим отметить (лучше латинскими буквами). В дальнейшем браузер по имени будет искать позицию, на которую указывала ссылка. Тег </a> можно поставить сразу за открывающим тегом (контейнер в этом случае будет пустым), а можно поместить перед закрывающим тегом какой-либо фрагмент документа, с ним и будет связано имя, указанное в атрибуте NAME. Пример: <A NAME="Chapter15">
2. При добавлении ссылки на «якорь», установленный в п. 1, в атрибуте HREF в кавычках пишут знак «#», за которым следует имя якоря, например: <A HREF="#Chapter15">Глава 15</a>.
7. Использование графики в HTML-документах
Для того чтобы способы помещения иллюстраций на web-страницы были более понятны, эта часть была оформлена в html-формате (см. файлы Graphics\Graphics.html и Graphics\Graphics2.html).
8. Управление видом документа в целом
Здесь мы рассмотрим возможности тега <BODY> для настройки цветов, используемых в документе, а также фоновых изображений. Всё это задаётся с помощью различных атрибутов тега.
1. Атрибут TEXT задаёт цвет для всего текста документа, используемый по умолчанию. Цвет, как уже говорилось, может задаваться как названием (red, yellow, teal и т. п.), так и числовым кодом «#RRGGBB».
2. Атрибут LINK позволяет установить цвет для текстовых гиперссылок.
3. VLINK — цвет просмотренных текстовых гиперссылок.
4. BGCOLOR — цвет фона всей страницы.
5. В атрибуте BACKGROUND указывается URL графического файла, который будет использован в качестве фонового изображения. Если размеры рисунка меньше размеров страницы, то он будет автоматически размножен браузером.
9. Таблицы
9.1. Основные теги
Иногда на web-странице требуется отображать какие-либо данные в виде таблиц. Как нам уже известно, для вставки объектов, более сложных чем обычный текст, требуется использовать специальные теги (например: <IMG>, <OL> и т. п.). Это правило касается также и таблиц: всё то, что должно быть показано в виде таблицы, помещается в контейнер TABLE.
Рассмотрим подробнее содержимое контейнера TABLE:
1. У таблицы может быть название, которое располагается ниже или выше самой таблицы. Для вставки названия сразу после тега <TABLE> записывают контейнер <CAPTION>, внутри которого пишут название таблицы. Расположение названия (выше или ниже таблицы) указывается с помощью атрибута ALIGN тега CAPTION, значениями которого могут быть TOP (сверху) или BOTTOM (снизу). Пример:
<TABLE>
<CAPTION ALIGN=BOTTOM>Таблица 1</caption>
. . . . . . . . . . . . . . .