Приложение А. Список тэгов HTML
Таблицы и фреймы
<TABLE>…</TABLE>, <TR>…</TR>, <TD>…</TD>, <TH>…</TH> и <CAPTION>
Создает таблицу с одной или несколькими строками (блоки <TR>) и столбцами (блоки <TD>). По желанию вы можете добавить заголовки столбцов (блоки <TH>) или заголовок для всей таблицы.
| Возможный результат | |
|---|---|
<table border=3 cellpadding=5>
<caption>The Happy Life</caption>
<tr>
<th>Desire</th><th>Satisfaction</th
</tr>
<tr>
<td>Greed</td><td>Generosity</td>
</tr>
</table> |
Таблица данных с заголовком, строкой заголовка, и одной строкой данных |
<table cellpadding=0 cellspacing=0
border=0 width=620>
<tr>
<td width=220>
Narrow left column
</td>
<td width=400>
Wide right column
</td>
</tr>
</table> |
Таблица размещения страницы в две колонки без пробелов или границ между ячейками |
<FRAMESET>…</FRAMESET>, <FRAME> и <NOFRAMES>…</NOFRAMES>
Создает страницу с фреймами. Используйте блок <NOFRAMES> для обеспечения альтернативного HTML для посетителей, чьи браузеры не поддерживают фреймы.
| Возможный результат | |
|---|---|
<frameset cols="120,*"frameborder=0 framespacing=0 frameborder=no border=0> <frame src="navbar.htm"> <frame src="main.htm"> </frameset> |
Страница с фреймами без границ. Левый фрейм 120 пикселов в ширину, а правый занимает оставшееся пространство |
<IFRAME>…</IFRAME>
Отображает плавающий фрейм – область внутри страницы, на которой отображается другая страница.
Формы
<FORM>…</FORM>
Создает форму для ввода информации посетителем. Используйте атрибут action для указания страницы или программы, которой форма будет пересылать информацию. Используйте другие тэги формы (вроде <INPUT> и <TEXTAREA>) внутри блока <FORM>.
| Возможный результат | |
|---|---|
<form action="search.asp"method="POST"> Search: <input name=query type=text size=10> <input type=submit value="Go"> </form> |
Небольшая форма для поиска. Когда посетитель нажимает кнопку Go, форма отправляет текст сценарию Active Server Page search.asp для выполнения |
<INPUT> и <BUTTON>…</BUTTON>
В зависимости от значения и типа атрибута тэг <INPUT> отображает независимый или зависимый переключатель или текстовую область для ввода информации посетителем, а также кнопку или рисунок, который отправляет или обновляет форму. С помощью блока <BUTTON> ваша кнопка может содержать любой HTML.
| Возможный результат | |
|---|---|
ID:<input type=text name=uid size=8><br> Password: <input type=password name=pwd size=8> |
Две области для ввода текста посетителем. Первая показывает введенный текст, а вторая прячет его |
<input type=checkbox name=xcheez value="please"checked>Extra Cheese |
Независимый переключатель, который выбран по умолчанию. Если посетитель отправляет эту форму, параметру xcheez присваивается значение please |
<input type=radio name=browser value="ie"checked>MSIE <input type=radio name=browser value="ns">Netscape |
Два зависимых переключателя. Если посетитель отправляет эту форму, параметр browser становится или ie или ns |
<input type=image src="gobtn.gif" height=16 width=16> |
Рисунок gobtn.gif обеспечивает кнопку "отправить" для формы |
<TEXTAREA>…</TEXTAREA>
Отображает область в несколько строк для ввода посетителем текста.
| Возможный результат | |
|---|---|
<textarea name=story rows=6 cols=20> </textarea> |
Область текста 20 символов в ширину и 6 строк в высоту |
<SELECT>…</SELECT> и <OPTION>
Отображает ниспадающее меню для выбора пользователем.