ТАБЛИЦЫ в 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$ |
| Чтобы ознакомиться более подробно с примерами использования элементов, относящимся к таблицам документа перейдите по их ссылкам. | |
Комментариев нет:
Отправить комментарий