презентация лекция 3.

1. Таблицы и формы

2. Простейшая таблица описывается с помощью трёх
тегов:
1. <table> обозначает таблицу.
2. <tr> расшифровывается как «table row»,
обозначает строку таблицы.
3. <td> расшифровывается как «table data»,
обозначает ячейку внутри строки таблицы.
Таблицы

3. <table>
<tr>
<td>Браузер</td>
<td>Посещения</td>
</tr>
<tr>
<td>Mozilla Firefox</td>
<td>163</td>
</tr>
<tr>
<td>Google Chrome</td>
<td>78</td>
</tr>
<tr>
<td>Safari</td>
<td>35</td>
</tr>
</table>
Пример таблицы
Браузер Посещения
Mozilla
Firefox
163
Google
Chrome
78
Safari 35

4. <table>
<tr>
<td rowspan="2">Название универстета</td>
<td colspan="2">Средний проходной бал</td>
</tr>
<tr>
<td>2015 г/td>
<td>2016 г</td>
</tr>
<tr>
<td>РЭУ им. Плеханова</td>
<td>320</td>
<td>335</td>
</tr>
<tr>
<td>Высшая школа экономики</td>
<td>340</td>
<td>320</td>
</tr>
</table>
Объединение ячеек
Название
университета
Средний проходной
бал
2015 г 2016 г
РЭУ им.
Плеханова
320 335
Высшая
школа
экономики
340 320

5. Сверстаем таблицу

6. Формы. Простейший пример
<form action="http://web.the-center.it" method="post">
<label>Ваш логин
<input type="text" name="login">
</label>
<input type="password" name="password" value="Где же
звёздочки?">
<input type="submit" value="Войти">
</form>

8. Выпадающий список
<select name="year">
<option value="2000">2000 год</option>
<option value="2001">2001 год</option>
</select>

9. Полезные ссылки
htmlbook.ru - справочник по HTML/CSS
www.w3.org - организация, разрабатывающая и
внедряющая технологические стандарты для
Всемирной паутины
codepen.io - онлайн редактор кода, с возможностью
делится своими исходниками