Таблицы в html

Одним из наиболее мощных и широко применяемых в HTML средств являются таблицы. В HTML таблицы используются не только традиционно, как метод представления данных, но и как средство форматирования Web-страниц.

Для размещения кода таблицы HTML служит контейнер <TABLE> </TABLE>. При описании таблицы нужно указать количество строк и столбцов, а также их расположение. Строки определяются с помощью теговой пары <TR></TR>.

Каждый контейнер <TR> содержит одну строку таблицы. Внутри этого контейнера помещаются описания ячеек. Для этого служит пара <TD></TD>, а также теги <TH></TH> и атрибут COLSPAN. Внутри контейнера TD помещаются данные, записываемые в ячейки, а внутри контейнера TH – заголовки столбцов или названия строк таблицы. Контейнер TD размещается внутри контейнера строк таблицы. Если за тегами <TD> и <TH> следуют другие теги <TD>, <TH> или <TR>, то они считаются закрытыми и закрывать их необязательно.

При создании таблицы, кроме определения количество строк и столбцов, следует также определить такие общие характеристики, как надпись, подпись, рамка, интервалы между ячейками.

Для определения надписи (названия таблицы) служит контейнер <CAPTION>.

Для определения рамки предназначен атрибут BORDER=n, где n – толщина линии рамки, выраженная в количестве пикселей (по умолчанию принимает значение, равное 1).

Для определения ширины таблицы служит атрибут WIDTH=ЗНАЧЕНИЕ, где ЗНАЧЕНИЕ указывает абсолютное значение ширины в пикселях или относительное в процентах от ширины экрана, например:

<TABLE BORDER=2 WIDTH=600>

<TABLE BORDER=2 WIDTH="60%">

Определение количества столбцов производится посредством атрибута COLS=n, где n – целое число.

Для определения интервалов в таблице служат атрибуты и CELLPANDING. Атрибут CELLSPASING – определяет расстояние между ячейками, выраженное в пикселях, а атрибут устанавливает расстояние между границей ячейки и ее содержимым. Например:

<TABLE BORDER=2 WINDTH=600 CELLSPASING=4 CELLPANDING=5 >

Типы гиперссылок

Существуют три основных типа гиперссылок: внутренние, внешние и относительные.

Внутренние ссылки – это ссылки на объекты в пределах одного документа. Данный тип ссылок удобно использовать на длинной странице, чтобы иметь возможность быстро перемещаться между ее разделами.

Внешние ссылки – это ссылки на другие Web-сервера.

Относительные ссылки – это на другие Web-страницы, расположенные на одном сервере со страницей.

В каждой ссылке содержится URL (Uniform Resource Locator) – унифицированный локатор ресурсов. URL – это адрес Web-страницы.

URL состоит из двух основных элементов: типа протокола и собственного адреса.

Тип протокола определяет вид ресурса Internet, с которым устанавливается связь. Самым распространенным протоколом является http:// - протокол передачи гипертекста, с помощью которого по Web передаются HTML-документы.

Собственного адреса – это имя файла, каталога или компьютера.

Например:

http://www.huracan-oreiro.narod.ru/read.html

В этом примере префикс http:// указывает тип используемой службы Интернета, www.huracan-oreiro - представляет имя сервера. Компонент narod.ru определяет домен, в котором находится сервер.