Россия |
Приложение А. Список тэгов 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>
Отображает ниспадающее меню для выбора пользователем.