- •1.6.3. Вложенные списки
- •1.7. Графика
- •1.7.1. Вставляем изображение в Web-страницу
- •1.8.3. Гиперссылки на адрес электронной почты
- •1.9. Таблицы
- •1.9.1. Вставляем таблицу в документ
- •1.9.2. Выводим заголовок таблицы
- •1.9.3. Описываем строку таблицы
- •1.9.4. Описываем каждую ячейку таблицы
- •1.9.5. Форматируем Web-страницу при помощи таблиц
- •1.10. Фреймы
- •1.10.1. Делим окно Web-браузера на несколько областей
- •1.10.2. Структура html-документа содержащего фреймы
- •1.10.3. Описываем фреймовую структуру
- •1.10.4. Описываем отдельную область
- •1.10.6. Загружаем документ в определенный фрейм
- •1.11. Карты-изображения
- •1.11.1. Создаем панель навигации при помощи карт-изображений
- •1.11.2. Структура карт-изображений
- •1.11.4. Описываем активную область на карте-изображении
- •1.12. Формы
- •1.12.1. Создаем форму для регистрации сайта
- •1.12.2. Структура документа с формами
- •1.12.3. Вставляем форму в документ
- •1.13.2. Создаем панель навигации
- •1.13.3. Создаем формы для ввода данных
1.12.3. Вставляем форму в документ
<FORM action="file.php">
<FORM action="http://www.mysite.ru/file.php">
<FORM action="http://www.mysite.ru/file.php" method="GET">
<FORM action="http://www.mysite.ru/file.php" method="POST">
<FORM action="http://www.mysite.ru/file.php" method="POST" enctype="application/x-www-form-urlencoded">
<FORM action="http://www.mysite.ru/file.php" method="POST" enctype="multipart/form-data">
<FORM action="http://www.mysite.ru/file.php" method="POST" enctype="multipart/form-data" target="_blank">
1.12.3. Описываем элементы управления
<INPUT type="text">
<INPUT type="password">
<INPUT type="file">
<INPUT type="checkbox">
<INPUT type="radio">
<INPUT type="reset">
<INPUT type="submit">
<INPUT type="button">
<INPUT type="hidden">
<INPUT type="text" name="pole1">
Текстовое поле и поле ввода пароля
<INPUT type="text" name="pole1" value="http://">
<INPUT type="text" name="pole1" value="http://" maxlength="100">
<INPUT type="text" name="pole1" value="http://" maxlength="100" size="20">
Кнопка "Сброс", кнопка "Отправить" и командная кнопка
<INPUT type="submit" value="Отправить">
Скрытое поле hidden
<INPUT type="hidden" name="pole1" value="1">
Поле для установки флажка
<INPUT type="checkbox" name="check1" value="yes">Текст
<INPUT type="checkbox" name="check1" value="yes" CHECKED>Текст
Элемент-переключатель
<INPUT type="radio" name="radio1" value="yes">Текст
<INPUT type="radio" name="radio1" value="yes" CHECKED>Текст
Укажите ваш пол:<BR>
<INPUT type="radio" name="radio1" value="value1" CHECKED>Мужской
<INPUT type="radio" name="radio1" value="value2">Женский
1.12.4. Вставляем текстовую область
<TEXTAREA>
Текст по умолчанию
</TEXTAREA>
<TEXTAREA name="pole2">
Текст по умолчанию
</TEXTAREA>
<TEXTAREA name="pole2" cols="15">
Текст по умолчанию
</TEXTAREA>
<TEXTAREA name="pole2" cols="15" rows="10">
Текст по умолчанию
</TEXTAREA>
1.12.5 Добавляем список с возможными значениями
<SELECT>
<OPTION>Элемент1
<OPTION>Элемент2
</SELECT>
<SELECT name="select1">
<SELECT name="select1" size="3">
<SELECT name="select1" size="3" MULTIPLE>
<SELECT name="select1">
<OPTION value="val1">Элемент1
<OPTION>Элемент2
</SELECT>
<SELECT name="select1">
<OPTION value="val1">Элемент1
<OPTION SELECTED>Элемент2
</SELECT>
1.13. Практическое создание сайта
1.13.1. Создание дизайна
<HTML>
<HEAD>
<TITLE>Заголовок Web-страницы</TITLE>
<META name="description" content="Описание Web-страницы">
<META name="keywords" content="Ключевые слова для поисковых машин">
<META http-equiv="content-type"
content="text/html; charset=windows-1251">
<META name="robots" content="index, follow">
</HEAD>
<BODY>
<!-- Основное содержание страницы -->
</BODY></HTML>
<TABLE width="760" align="center" border="0" cellspacing="0" cellpadding="0">
<!-- Таблица-разделитель Начало -->
<TABLE width="760" align="center" border="0" cellspacing="0" cellpadding="0">
<TR><TD height="5"> </TD></TR></TABLE>
<!-- Таблица-разделитель Конец -->
<!-- Логотип и баннер Начало -->
<TABLE width="760" align="center" border="0" cellspacing="0" cellpadding="0">
<TR><TD height="70">
<!-- Код баннера -->
</TD></TR></TABLE>
<!-- Логотип и баннер Конец -->
<!-- Таблица для основного содержания страницы Начало -->
<TABLE width="760" height="300" align="center" border="0" cellspacing="0" cellpadding="10">
<TR><TD valign="top">
<H1 align="center">Основное содержание страницы</H1>
</TD></TR></TABLE>
<!-- Таблица для основного содержания страницы Конец -->