Опубликован: 06.10.2006 | Уровень: для всех | Доступ: платный
Дополнительный материал 1:

Приложение А. Список тэгов HTML

< Лекция 22 || Дополнительный материал 1: 1234 || Дополнительный материал 2 >

Таблицы и фреймы

<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>

Отображает ниспадающее меню для выбора пользователем.

Возможный результат
Who’s on first?<br>
  <select name=answer>
    <option selected>What?
    <option>I dunno
  </select>
Ниспадающее меню с выбранным первым пунктом
< Лекция 22 || Дополнительный материал 1: 1234 || Дополнительный материал 2 >
Татьяна Кондрашова
Татьяна Кондрашова
Россия
Игорь Воробьев
Игорь Воробьев
Россия, Михнево Ступинского МО