· HrefЗадает адрес документа, на который следует перейти.
· Media Указывает тип носителя документа, на который ведёт ссылка.
· Name Устанавливает имя якоря внутри документа.
· Target Имя окна или фрейма, куда браузер будет загружать документ.
· Title Добавляет всплывающую подсказку к тексту ссылки.
· Type Указывает MIME-тип документа, на который ведёт ссылка.
4. Таблица <TABLE>
Для добавления таблицы на веб-страницу используется тег -контейнер <TABLE>. Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления данных, однако возможности таблиц этим не ограничиваются. C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений.
Для добавления строк используется тег <TR>. Чтобы разделить строки на колонки применяются теги <TD> и <TH>. Разница между этими тегами следующая. Тег <TH> предназначен для создания заголовков, содержимое такой ячейки обозначается жирным начертанием и выравнивается по центру. В остальном, действуют эти теги одинаково.
У каждого параметра таблицы есть свое значение, установленное по умолчанию. Это означает, что если какой-то атрибут пропущен, то неявно он все равно присутствует, причем с некоторым значением. Из-за чего вид таблицы может оказаться совсем другим, нежели предполагал разработчик.
Чтобы понимать, что можно ожидать от таблиц, следует знать их явные и неявные особенности, которые перечислены далее:
1. одну таблицу допускается помещать внутрь ячейки другой таблицы;
2. размеры таблицы изначально не установлены и вычисляются на основе содержимого ячеек;
3. если для таблицы задана ее ширина в процентах или пикселах, то содержимое таблицы подстраивается под указанные размеры;
4. если ширину содержимого ячейки невозможно изменить, то ширина таблицы увеличивается, несмотря на указанные размеры;
5. пока таблица не загрузится полностью, ее содержимое не начнет отображаться;
6. таблица, если не указано особо, всегда выравнивается по левому краю;
7. по умолчанию таблица выводится без рамки;
Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге <TABLE>. Описание параметров таблицы и их значений приведено в табл. 1.
Свойство
Значение
Описание
align
left right center
Выравнивание таблицы.
background
Гиперссылка
Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы.
bgcolor
Код или название цвета
Цвет фона таблицы.
border
Число
Толщина рамки в пикселах.
cellpadding
Число
Расстояние между ячейкой и ее содержимым.
cellspacing
Число
Дистанция между ячейками.
cols
Число
Задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению.
nowrap
Запрещает переносы строк в тексте.
frame
void above below lhs rhs hsides vsidesbox
Задание типа рамки таблицы
rules
all groups cols none rows
Определяет, где рисовать границы между ячейками.
width
Число или проценты
Минимальная ширина таблицы, можно задавать в пикселах или процентах.
Табл.1 Параметры тега <table>
Синтаксис определения таблицы в общем, виде:
<TABLE BORDER=... WIDTH=... >
<TR>
<TD параметры =… > 1-я клетка 1-ой строки </TD>
<TD параметры =… > 2-я клетка 1-ой строки </TD>
</TR>
<TR>
<TD параметры =… > 1-я клетка 2-ой строки </TD>
<TD параметры =… > 2-я клетка 2-ой строки </TD>
...
</TR>
...
</TABLE>
Атрибуты:
1. Abbr Краткое описание содержимого ячейки.
2. Align Определяет выравнивание содержимого ячейки по горизонтали.
3. Bgcolor Цвет фона ячейки.
4. Bordercolor Цвет рамки.
5. Colspan Объединяет горизонтальные ячейки.
6. Rowspan Объединяет вертикальные ячейки.
7. Height Высота ячейки.
8. Width Ширина ячейки.
9. Nowrap Запрещает перенос строк.
10. Valign Выравнивание содержимого ячейки по вертикали.
5. Фреймы. <FRAMESET>
Фреймы — достаточно мощный механизм представления информации на Web-страницах. С помощью фреймов экран разделяется на несколько прокручивающихся областей, в каждой из которых отображается содержимое отдельной страницы и даже отдельного Web-узла. Каждый фрейм, может иметь следующие свойства:
1. Каждый фрейм имеет свой URL, что позволяет загружать его независимо от других фреймов.
2. Каждый фрейм имеет собственное имя (параметр NAME), позволяющее переходить к нему из другого фрейма.
3. Размер фрейма может быть изменен пользователем прямо на экране при помощи мыши (если это не запрещено указанием специального параметра).
Формат документа, использующего фреймы, внешне очень напоминает формат обычного документа, только вместо тега BODY используется контейнер FRAMESET, содержащий описание внутренних HTML-документов, содержащий собственно информацию, размещаемую во фреймах.
<HTML>
<HEAD>...</HEAD>
<FRAMESET>...</FRAMESET>
</HTML>
Общий синтаксис фреймов:
<FRAMESET COLS="value" | ROWS="value">
<FRAME SRC="URL1">
<FRAME SRC="URL2">
...
</FRAMESET>
Общий контейнер FRAMESET описывает все фреймы, на которые делится экран. Можно разделить экран на несколько вертикальных или горизонтальных фреймов. Внутри контейнера могут находиться только тег <FRAME>, вложенные контейнеры <FRAMESET> и <NOFRAME>, который позволяет строить двойные документы для браузеров, поддерживающих и не поддерживающих фреймы.
Данный тег имеет два взаимоисключающих параметра: ROWS и COLS.
ROWS="список определений горизонтальных подокон". Данный тег содержит описания некоторого количества подокон, разделенные запятыми. Каждое описание представляет собой числовое значение размера подокна в пикселях, процентах от всего размера окна или связанное масштабное значение. Количество подокон определяется количеством значений в списке. Общая сумма высот подокон должна составлять высоту всего окна (в любых измеряемых величинах). Отсутствие атрибута ROWS определяет один фрейм, величиной во все окно браузера.
COLS="список определений вертикальных подокон". То же самое, что и ROWS, но делит окно по вертикали, а не по горизонтали.
В качестве списка определений могут выступать:
Простое числовое значение - определяет фиксированный размер подокна в пикселях. Это не самый лучший способ определения размера подокна, т.к. различные браузеры имеют различный размер рабочего поля, не говоря уже о различных экранных разрешениях у пользователя. Если все же используется данный способ описания размера, то настоятельно рекомендуется сочетать его с каким-либо другим, чтобы в результате точно получили 100 % -ное заполнение окна браузера.
Значение величины подокна в процентах от 1 до 100. Если общая сумма процентов описываемых подокон меньше или превышает 100, то размеры всех фреймов пропорционально увеличиваются или уменьшаются до суммы 100 %.
Число со звездочкой. Вообще говоря, числовое значение в данном описании является необязательным. Символ "*" указывает на то, что все оставшееся место будет принадлежать данному фрейму. Если указывается два или более фрейма с описанием "*", или "*,*" то оставшееся пространство делится поровну между этими фреймами. Если перед звездочкой стоит цифра, то она указывает пропорцию для данного фрейма (во сколько раз он будет больше аналогично описанного чистой звездочкой). Описание "3*,*,*", говорит, что будет создано три фрейма с размерами 3/5 свободного пространства для первого фрейма и по 1/5 для двух других.
Приведем несколько примеров:
<FRAMESET COLS="50,*,50">
описывает три фрейма, два по 50 точек справа и слева, и один внутри этих полосок.
<FRAMESET ROWS="20%,3*,*">
описывает три фрейма, первый из которых занимает 20 % площади сверху экрана, второй 3/4 оставшегося от первого фрейма места (60 % всей площади окна), а последний 1/4 (20 % всей площади окна).
<FRAMESET ROWS="*,60%,*">
аналогично предыдущему примеру.
Теги <FRAMESET> могут быть вложенными, т.е. например:
<FRAMESET ROWS="50%,50%">
<FRAMESET COLS="*,*"
</FRAMESET>
</FRAMESET>
Тег FRAME описывает каждый фрейм в отдельности. Рассмотрим более детально каждый компонент.
Рассмотрим реализацию фреймов для подобного разбиения окна:
