ТАБЛИЦЫ

ТАБЛИЦЫ в 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.1Gb85$
Quantum FB ST 6.4Gb110$


  Пример 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 G400115$
Voodoo III129.95$




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




Комментариев нет:

Отправка комментария