1.3 Работа с таблицами, фреймами, формами Работа с таблицами

<table> </table>

<tr>- задает строчку таблицы

<td>- задает столбец таблицы

<tr> <td> текст, который будет записан в 1ячейке </td>

<td> текст, который будет записан во 2ячейке </td>

</tr>

<tr> <td> текст, который будет записан в 1ячейке 2 строки </td>

<td> текст, который будет записан во 2ячейке 2 строки </td>

</tr>

Атрибуты таблиц:

Размеры ячейки

<td height= "120" width="20" > текст ячейки </td>

Цвет ячейки

<td bgcolor="#000000"> текст ячейки </td>

Выравнивание текста в ячейке

<td align="center">текст ячейки</td>

<td valign="bottom ">текст ячейки</td>

Совмещение атрибутов

<td height="55" width="55" bgcolor="#000000" align=“left" valign="top"> текст </td>

Объединение нескольких ячеек в одну

<td height="35" bgcolor="#111111" colspan="3"></td>

<td height="35" bgcolor="#111111" rowspan ="2"></td>

Рамка таблицы

<table border="5" cellspacing="5" cellpadding="5" bgcolor="#111111">

</table>

cellspacing - расстояние между соседними ячейками. cellpadding - отступ между внутренней границей ячейки и ее содержимым

1.4 Работа с фреймами

Фреймы позволяют открывать в окне браузера одновременно несколько веб - страничек.

При построении фрейм-документа тэг body заменяют на тэг frameset !!!

1.

<frameset rows="100,100,*"> <frame src= "файл1.htm"> <frame src= "файл2.htm"> <frame src= "файл3.htm"> </frameset>

2.

<frameset rows="100,* "> <frame src= "файл1.htm">

<frameset cols="300,* ">

<frame src= "файл2.htm"> <frame src= "файл3.htm"> </frameset>

</frameset>

Фреймы можно также открывать в окне браузера особым образом.

Пример: В окне браузера два фрейма. Чтобы в первом фрейме имеющиеся гиперссылки раскрывались не в этом же фрейме, а во втором, надо применить атрибуты name и target.

Из двух фреймов только тот фрейм, который НЕ должен быть зафиксирован, определяется через атрибут name. Имя ему даем произвольное.

<frame src="menu.htm" >

<frame src="f.htm" name="window change">

В гиперссылках фиксированного фрейма (того, который не будет изменяться в зависимости от того какая ссылка нажата во фрейме) необходимо проставить атрибут target.

<a href="aaa.htm" target="window change"> Пункт меню 1 </a>

<a href="bbb.htm" target="window change"> Пункт меню 2 </a>

Пункт меню 1 Пункт меню 2 (Окно, которое будет фиксировано)

Если нажата первая гиперссылка, то раскрывается файл aaa.htm Если нажата вторая гиперссылка, то раскрывается файл bbb.htm (Окно, которое будет меняться в зависимости от нажатия гиперссылки в фиксированном фрейме)

1.5 Работа с формами

<form name="…" action=mailto: xxx@ mail.ru method=post > </form>

<form name="…" action= " URL " method=get > </form>

обязательный атрибут name - имя формы; method – отражает способ обработки данных из формы (может быть только 2 значения или GET или POST).

ввод текстовой строки

<input type=text name= "text" value="ввод имени" size="50" maxlength="70"> Введите Ваше имя

ввод кнопки

<input type=submit value="название кнопки согласия">

<input type=reset value="название кнопки отказа" >

ввод текстового пространства

<textarea rows=7 cols=40 name="comments"></textarea> Ваши комментарии

Типы Type:

type=text - текст

type=radio - "переключатели" - выбор ИЛИ – ИЛИ

type=checkbox - "флажки" предоставляют пользователю выбор И – ИЛИ

Выпадающий список:

<select name="familiy"> <option value="Ivanov"> Иванов

<option value="Petrov"> Петров

</select>