Главная · Знакомства · Деловая · Таблица базовых цветов для сайта · Фотоальбом · On-lain игры и тесты · Стихи · Коктели

Чат · Интересные ссылки · Скрипты · Анкета · Анализатор сайта · Мировое время · Добавь ссылку ·

Таблицы

Элементы для создания таблиц:

TABLE

Создает таблицу

CAPTION

Задает заголовок таблицы

TR

Создает новый ряд (строку) ячеек таблицы

TD и TH

Создает ячейку с данными в текущей строке

 

 



Таблицы в HTML формируются нетрадиционным способом - построчно. Сначала c помощью элемента TR необходимо создать ряд таблицы, в который затем элементом TD помещаются ячейки.



Пример:

<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

 

Hosted by uCoz

Примеры таблиц

Пример 1:                                                                                
<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$

 

Пример 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$

Если на вашей странице необходимо разместить какую-либо форму, то вы можете сделать это так:

<FORM>
Фамилия: <INPUT TYPE="TEXT" NAME="secondn" SIZE="30">
Имя: <INPUT TYPE="TEXT" NAME="firstn" SIZE="30">
Отчество: <INPUT TYPE="TEXT" NAME="middlen" SIZE="30">
Возраст: <INPUT TYPE="TEXT" NAME="age" SIZE="3">
Пол: <INPUT ID="male" TYPE="RADIO" NAME="sex">ж.
<INPUT ID="female" TYPE="RADIO" NAME="sex">м.
</FORM>

Ну что у нас получилось?

Фамилия: Имя: Отчество: Возраст: Пол: ж.м.

Несколько криво, не правда ли? Попытаемся поправить положение. Что можно сделать? Я предлагаю разместить форму в таблицу вот так:

Фамилия:

Имя:

Отчество:

Возраст:

Пол:

ж.м.

 

А вот и код:

<TABLE BORDER=0 CELLPADDING=5 CELLSPACING=0 BGCOLOR=white>
<FORM>
<TR><TD><P><B>Фамилия:</B></P></TD>
<TD><INPUT TYPE="TEXT" NAME="secondn" SIZE=30></TD></TR>
<TR><TD><P><B>Имя:</B></P></TD>
<TD><INPUT TYPE="TEXT" NAME="firstn" SIZE=30></TD></TR>
<TR><TD><P><B>Отчество:</B></P></TD>
<TD><INPUT TYPE="TEXT" NAME="middlen" SIZE=30></TD></TR>
<TR><TD><P><B>Возраст:</B></P></TD>
<TD><INPUT TYPE="TEXT" NAME="age" SIZE=3></TD></TR>
<TR><TD><P><B>Пол:</B></P></TD>
<TD><P><INPUT ID="male" TYPE="RADIO" NAME="sex">ж.
<INPUT ID="female" TYPE="RADIO" NAME="sex">м.</P></TD>
</TR>
</FORM>
</TABLE>

 

Hosted by uCoz




 

Hosted by uCoz
 


Hosted by uCoz