Студопедия.Орг Главная | Случайная страница | Контакты | Мы поможем в написании вашей работы!  
 

Таблицы в 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 >





Дата публикования: 2015-02-22; Прочитано: 182 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!



studopedia.org - Студопедия.Орг - 2014-2024 год. Студопедия не является автором материалов, которые размещены. Но предоставляет возможность бесплатного использования (0.005 с)...