Создание таблиц в html

Среди других тэгов отдельного внимания заслуживает тэг TABLE, отвечающий за создание таблиц. Таблицы можно использовать как непосредственно, так и для привязки текста к определенному месту экрана. Так, например, обтекание рисунка текстом справа, в рамках HTML проще всего сделать, создав 2

ячейки таблицы: в левой - рисунок, в правой - текст, толщина рамки - 0. Ниже, для примера, приведен HTML-код и показана таблица, которую он создает:

Декабрь
Понедельник	Вторник	Среда	Четверг	Пятница	Суббота	Воскресенье
1	2	3	4	5	6	7
8	9	10	11	12	13	14

рис 8.1. Пример создаваемой таблицы.

<TABLE width="500px" border="5" align="Left"> <TBODY>

<TR> <TH align="Center" valign="Middle" colspan="7"> Декабрь </TH> </TR> <TR Align="Center">

<TH>Понедельник</TH> <TH>Вторник</TH> <TH>Среда</TH> ^^Четвер^ЯТ^ <TH>Пятница</TH> <TH>Суббота</TH> <TH>Воскресенье</TH> </TR> <TR valign="Top">

<TD>1</TD> <TD>2</TD> <TD>3</TD> <TD>4</TD> <TD>5</TD> <TD>6</TD> <TD>7</TD> </TR> <TR valign="Top">

<TD>8</TD> <TD>9</TD> <TD>10</TD> <TD>11</TD> <TD>12</TD> <TD>13</TD> <TD>14</TD>

</TR>

</TBODY>

</TABLE>

Здесь тэги и параметры тэгов имеют следующее значение:

Таблица 8.3. Тэги создания таблицы.
Тэг	Значение
<Tabk> </Table>	начало и конец таблицы.
<TBODY></TBODY>	тело таблицы
Border	толщина рамки таблицы.
Width	ширина таблицы либо в пикселях, либо в процентах ко всему пространству.
Align	выравнивание содержимого ячеек (right, left, center).
<TR> </TR>	начало и конец строки таблицы.
<TH> </TH>	начало и конец ячейки шапки таблицы.
<TD> </TD>	начало и конец обычной ячейки таблицы.
Valign	вертикальное выравнивание содержимого ячеек (bottom, middle, top).
Colspan	количество столбцов, объединяемых данной ячейкой.
Rowspan	количество строк, объединяемых данной ячейкой.

Создание форм в html

Наибольший интерес для разработчика Web-страниц представляют формы. Заказ книги через Internet- магазин, регистрация на почтовом сервере, запрос на поиск информации - все это требует заполнения разнообразных форм. Internet просто переполнен различными формами. Ниже, в качестве примера, приведен HTML-код формы и показан ее внешний вид.

ФИО

совершеннолетний

Заказ J Токайское

Налом

Форма оплаты

Безналичный расчет Вот он заплатит

Особые условия заказа

Быстро

_ш

Заказать

рис. 8.2. Пример создаваемой формы.

<FORM method="post" action="http://vino.com/zakaz.asp" name="primer"> <Р>ФИО <INPUT type="text" name="FIO" size="20">

Совершеннолетний <INPUT type="checkbox" name="SovershLetn" value="ON" checked></P> <Р>Заказ <SELECT size="1" name="zakaz">

<OPTION value="Спирт1">Шато Лафит</OPTION>

<OPTION value="Спирт2" selected>Токайское</OPTION>

<OPTION value="Спирт3">Дон Пириньон</OPTION> </SELECT> </P>

<Р>Форма оплаты <SELECT size="3" name="Raschet" multiple>

<OPTION selected>Налом</OPTION>

<OPTЮN>Безналичный расчет</OPTION>

^РТО^Вот он заплатит</OPTION> </SELECT> </P>

Особые условия заказа <TEXTAREA rows="2" name="Yslovia" cols="24"> Быстро !</TEXTAREA>

<P><INPUT type="submit" value="Заказать" name="OKbutton"></P>

</FORM>

З десь тэги и параметры тэгов имеют следующее значение: