Методические указания1_2 (1084715), страница 6
Текст из файла (страница 6)
<А name="http//Адрес/ Файл. Html# Метка"></a>
Для перехода к метке используется ссылка по такому шаблону (пример приведен в разделе 2 «Структура Web-страницы):
Текст подсказки <А href="# Метка "> Текст для щелчка </а>
Для элемента А предусмотрены различные атрибуты. Атрибут href lang, по аналогии с атрибутом lang, позволяет указать язык, который используется на адресуемой странице.
В структуру гиперссылок заложена возможность создания сложных текстовых документов, доступных через Интернет. Предполагается, что такие документы будут состоять из многих HTML-страниц с перекрестными ссылками. Чтобы пользователь мог эффективно управлять документом, броузер должен оптимизировать работу с отдельными страницами, например, загружать страницы, которые могут понадобиться пользователю, в фоновом режиме. Для этого необходимо снабдить страницы информацией о назначении ссылок.
Для решения этой задачи гиперссылки подразделяются на прямые (forward) и обратные (reverse). Ссылка, вызывающая переход с текущей страницы, называется прямой. Соответственно, при помощи браузера или другой ссылки может быть выполнен и обратный переход. Для определения более точного типа ссылки используются два атрибута (один для прямых, другой — для обратных ссылок).
геl="Тип прямой ссылки"
rev="Тип обратной ссылки"
Определены следующие стандартные типы ссылок:
-
alternate — другая версия документа;
-
stylesheet — таблица стилей в виде отдельного файла;
-
start — первая страница в структуре документа;
-
next — следующая (в смысле выполнения переходов) страница;
-
prev — предыдущая (в смысле выполнения переходов) страница;
-
contents — страница, на которой находится оглавление всего документа;
-
index — страница, на которой находится алфавитный указатель;
-
glossary — страница, на которой находится словарь терминов;
-
copyright — информация об авторских правах на документ;
-
chapter — признак главы документа;
-
section — признак раздела документа;
-
subsection — признак подраздела документа;
-
appendix — признак приложения документа;
-
help — справочные данные документа;
-
bookmark — закладка внутри документа.
Существуют атрибуты, которые характерны только для определенных конструкций. Атрибуты Shape и coords используются в картах (см. раздел «Рисунки и карты» главы 4). Атрибут target бывает весьма полезным при создании фреймов (см. раздел «Фреймы» текущей главы). Атрибуты accesskey и tabindex можно указывать, если элемент А входит в состав форм (см. раздел «Элементы форм» главы 4).
Элемент А позволяет использовать и стандартные атрибуты: id, class, lang, dir, title, type, style, атрибуты событий.
<LINK>
В отличие от атрибута А, который указывается в тексте страницы, элемент LINK
используется в заголовке страницы, то есть внутри элемента HEAD.
<HEAD>
<TITLE>Глава 1</title>
<LINK rel="prev" href="Введение.htm">
<LINK rel="next" href="Глава2.htm">
<LINK rel="index" href="Указатель. htm">
</head>
Элемент LINK не создает гиперссылок в тексте страницы, поэтому для определения объекта, на котором можно щелкнуть мышью, необходимо использовать элемент А с атрибутом href, который имеет то же назначение, что и в элементе LINK. Атрибуты используются, в основном, такие же, как и в элементе A: charset, href, hreflang, id, class, lang, dir, media, rel, rev, style, target, title, type, атрибуты событий.
3.7. Таблицы
Таблицы являются очень удобным средством форматирования данных на Web-странице. Основное удобство заключается в том, что браузер берет на себя заботу о прорисовке рамки таблицы. Размер рамки может быть автоматически согласован с размером окна просмотра в браузере и, разумеется, с размером находящихся в ячейках таблицы строк текста и рисунков. Кроме того, таблицы позволяют решать чисто дизайнерские задачи: выравнивать части страницы друг относительно друга, размещать рядом рисунки и текст, управлять цветовым оформлением и т. д. При создании таблиц используется принцип вложения: внутри основного элемента таблицы (TABLE) создается ряд элементов, определяющих строки (TR), а внутри этих элементов размещаются элементы для описания каждой ячейки в строке (TD.TH). Чтобы разобраться в структуре существующей таблицы или создать новую таблицу, необходимо помнить, что последовательность элементов описывает таблицу сверху вниз и справа налево. Например, если после элемента TABLE указан элемент TR, это означает, что начинается описание новой строки таблицы. Все, что расположено за этим элементом, будет размещено в одной строке (справа налево). Это может быть последовательность элементов TD (ячеек), другая таблица и т. д. После того как встретится новый элемент TR, начнется описание следующей строки, и т. д. до конца таблицы (тега </table>).
<TABLE> </table>
Внешний элемент таблицы. Он позволяет задавать общие свойства таблицы и отделяет структуру таблицы от остальной части Web-страницы. Рассмотрим атрибуты этого элемента. Большинство атрибутов могут использоваться и в других элементах таблицы.
Таблицу можно выровнять по горизонтали при помощи атрибута align:
-
align="left" — влево;
-
align="center" - по центру;
-
align=" right" — вправо.
Ширину таблицы можно задать точно в пикселах или в процентном отношении к ширине страницы в окне браузера. Например:
width=400
width=50%
Для управления видом рамки используются два атрибута. Дело в том, что броузер создает изображение рамки, имитируя ее трехмерность (выпуклость) при помощи различия в освещенности граней. На рамке можно различить фронтальную и боковую наклонную грани (рис. 3.9).
Заголовок таблицы
| Заголовок1 | Заголовок2 |
| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
Рис. 3.9. Пример таблицы
Шириной боковой грани управляет атрибут:
border=ширина
При задании нулевого значения для этого атрибута рамка исчезает совсем. Шириной фронтальной грани управляет атрибут:
сеllspacing=ширина
Если значение этого атрибута равно нулю, рамка получается тонкой, заостренной. Для всех ячеек таблицы можно задать размер пустого пространства, окружающего данные в ячейках:
cellpadding=чило_пикселов
или
cellpadding="15%"
Задание этого атрибута делает ячейки больше. Между рамкой таблицы и данными всегда сохраняется определенное расстояние. В некоторых случаях это позволяет улучшить восприятие таблицы, сделать текст в ячейках легко читаемым. Для всей таблицы может быть задан цвет фона:
bgсо1ог="Цвет"
bgcolor=#RRGGBB
Вместо цвета допускается использовать рисунок:
background="Файл"
Атрибуты bgcolor и background можно указывать и с другими элементами таблицы, кроме элемента CAPTION.
Атрибут frame (используемый только для элемента TABLE) позволяет задать вид рамки таблицы:
frame="параметр"
Существуют следующие стандартные параметры:
• void — рамка отсутствует;
• above — верхняя сторона рамки;
• below— нижняя сторона рамки;
• hsides — части рамки сверху и снизу;
• vsides — части рамки слева и справа;
• lns — левая часть рамки;
-
rhs — правая часть рамки;
-
border или box — рамка показана полностью.
Разумеется, если атрибут frame отсутствует, рамка вокруг таблицы выводится целиком. Атрибут rules определяет вид сетки таблицы внутри, то есть между ячейками. Он тоже имеет несколько параметров:
-
попе — сетка отсутствует;
-
groups — сетка вокруг групп ячеек;
-
rows — горизонтальные линии между строками;
-
cols — вертикальные линии между колонками;
-
all — обычная сетка.
Существует атрибут комментария к таблице. Его текст не выводится на экран и может воспроизводиться только специальными программными средствами (например, программой-синтезатором речи):
summary="Текст комментария"
Допустимые стандартные атрибуты: id, class, lang, dir, title, style, атрибуты событий.
<CAPTION> </caption>
Элемент для задания заголовка таблицы. Несмотря на то что этот элемент располагается внутри элемента TABLE, заголовок выводится на экране вне рамки таблицы (см. рис. 3.9). Положением заголовка можно управлять:
-
align="top" — заголовок над таблицей;
-
align="bottom" — заголовок под таблицей;
-
align="left" — заголовок вверху и выровнен влево;
-
align=" right" — заголовок вверху и выровнен вправо.
Другие атрибуты: id, class, lang, dir, title, style, атрибуты событий.
Выравнивание данных в ячейках
Существует набор атрибутов, предназначенных для выравнивания данных в ячейках таблиц. Атрибут align позволяет выравнивать данные в ячейках по горизонтали. Он принимает следующие значения:
-
left — выравнивание влево;
-
right — выравнивание вправо;
-
center — центрирование.
Атрибут valign позволяет выравнивать текст по вертикали. Значения могут быть такие:
-
top — выравнивание по верхнему краю ячейки;
-
bottom — выравнивание по нижнему краю ячейки (не всегда работает);
-
center — выравнивание по центру;
-
baseline — выравнивание по первой строке.
Для примера можно продемонстрировать использование значения baseline:
<TR valign="baseline"> <ТD>Строка 1<br>Строка 2 <ТD>Ячейка 2
Здесь первая ячейка содержит две строки текста, а вторая — одну. С помощью атрибута valign строки Строка 1 и Ячейка 2 будут расположены на одном уровне.
<TR>
Элемент, создающий строку таблицы. Он не имеет конечного тега. Строка заканчивается там, где начинается следующая, то есть следующий элемент TR. Внутри элемента располагаются элементы ТН и TD, определяющие одиночные ячейки. Для выравнивания содержимого всех ячеек в строке можно использовать хорошо известный нам атрибут align и присваивать ему значения left, center и right. Кроме этого, содержимое ячеек можно выравнивать по вертикали:
-
valign="top" - по верхнему краю;
-
valign="center" - по центру;
-
valign="bottom" — по нижнему краю.
Другие допустимые атрибуты: id, class, lang, style, dir, title, char, charoff, атрибуты событий.
<TH>
Элемент ячейки, которая является заголовком столбца или строки таблицы. Этот элемент должен располагаться внутри элемента TR. Ячейка-заголовок отличается от обычной тем, что браузер выводит текст внутри нее выделенным (как правило, полужирным) шрифтом. Для элемента ячейки предусмотрено несколько атрибутов.
Если в ячейку введено большое количество текста, браузер разбивает его на строки так, чтобы сохранить требуемую конфигурацию таблицы. Конфигурацию может определять заданная фиксированная ширина таблицы, необходимость согласовать размер таблицы и области просмотра, заданная ширина ячейки. При помощи атрибута nowrap (он не имеет параметров) можно запретить форматирование текста. В этом случае в ячейке будет создана одна строка, а таблица может уйти за край окна.
Атрибуты rowspan и colspan позволяют создавать ячейки, которые в несколько раз больше других ячеек таблицы. Иными словами, ячейки в таблице можно объединять. При задании атрибута
rowspan=n
и условии, что п>1, соответствующая ячейка займет не одну, а n строк, и, соответственно, будет иметь размер в n раз больший, чем обычная ячейка данного столбца.
Аналогично, при помощи атрибута colspan можно создавать ячейки, расположенные сразу в нескольких столбцах. Подробнее об объединении ячеек рассказывается в главе 6.
Хорошо известный нам атрибут align используется и для одной ячейки. Он может принимать значения left (выравнивание по левому краю), center (выравнивание по центру) и right (выравнивание по правому краю). Обычно по умолчанию используется выравнивание влево. Элемент ТН в этом смысле — исключение. Он обеспечивает центрирование текста, если атрибут align отсутствует.
Для элемента ТН можно указать атрибут valign таким же образом, как и для элемента TR.
Размеры ячеек можно задавать точно:
width=ширина
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
