ТАБЛИЦЫ в HTML
Элементы для создания таблиц:Таблицы в HTML формируются нетрадиционным способом – построчно. Сначала c помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.
Важно:
В HTML таблицы используются не только для отображения таблиц как таковых, но и для дизайна. С помощью таблиц можно создать невидимый "каркас" страницы, помогающий расположить текст и изображения так, как вам нравится.
Элементы для создания таблиц:
- | TABLE | Создает таблицу |
- | CAPTION | Задает заголовок таблицы |
- | TR | Создает новый ряд (строку) ячеек таблицы |
- | TD и TH | Создает ячейку с данными в текущей строке |
Пример 1: | |
<TABLE BORDER> <TR> <TD>A1</TD> <TD>B1</TD> <TD>C1</TD> </TR> <TR> <TD>A2</TD> <TD>B2</TD> <TD>C2</TD> </TR> </TABLE> |
A1 | B1 | C1 |
A2 | B2 | C2 |
Пример 2: | |
<TABLE BORDER> <TR> <TH ROWSPAN=2>HDD</TH> <TD>WD Caviar 3.1Gb</TD><TD ALIGN="right">85$</TD> </TR> <TR> <TD>Quantum FB ST 6.4Gb</TD><TD ALIGN="right">110$</TD> </TR> </TABLE> |
HDD | WD Caviar 3.1Gb | 85$ |
---|---|---|
Quantum FB ST 6.4Gb | 110$ |
Пример 3: | |
<TABLE BORDER> <TR> <TH COLSPAN=2>Video</TH> </TR> <TR> <TD>Matrox G400</TD><TD ALIGN="right">115$</TD> </TR> <TR> <TD>Voodoo III</TD><TD ALIGN="right">129.95$</TD> </TR> </TABLE> |
Video | |
---|---|
Matrox G400 | 115$ |
Voodoo III | 129.95$ |
Чтобы ознакомиться более подробно с примерами использования элементов, относящимся к таблицам документа перейдите по их ссылкам. | |
Комментариев нет:
Отправить комментарий