Блог не о французском писателе
Записи с меткой htmlacademy
Знакомство с формами / Испытание: редактирование профиля
0Знакомство с формами / Испытание: редактирование профиля
<h1>Профиль</h1>
<form action=»https://echo.htmlacademy.ru» method=»post» enctype=»multipart/form-data»>
Ваш пол:
<label for=»id_gender_male»><input type=»radio» name=»gender» value=»male» id=»id_gender_male»> Мужской</label>
<label for=»id_gender_female»><input type=»radio» name=»gender» value=»female» id=»id_gender_female» checked=»checked»> Женский</label><br><label for=»id_month»>Месяц</label> и <label for=»id_year»>год</label> рождения:<br>
<select name=»month» id=»id_month»>
<option value=»Январь» selected=»selected»>Январь</option>
</select>
<select name=»year» id=»id_year»>
<option value=»1990″ selected=»selected»>1990</option>
</select><br>
<label for=»id_techno»>Знакомые технологии:</label><br>
<select name=»techno» id=»id_techno» multiple size=»4″>
<option value=»HTML»>HTML</option>
<option value=»CSS» selected=»selected»>CSS</option>
<option value=»JavaScript»>JavaScript</option>
<option value=»Node.js»>Node.js</option>
</select><br>
<label for=»id_photo»>Фото:</label>
<input type=»file» id=»id_photo»><br>
<input type=»submit» value=»Сохранить»>
</form>
Знакомство с формами — Испытание: форма регистрации
0Знакомство с формами — Испытание: форма регистрации
Знакомство с таблицами / Испытание: итоговая таблица[23/23]
0Знакомство с таблицами / Испытание: итоговая таблица[23/23]
Знакомство с таблицами / Испытание: таблица посложнее
0Долго мучался с 17 заданием на таблицы в https://htmlacademy.ru. Называется оно — Знакомство с таблицами / Испытание: таблица посложнее.
Вот код, который подошел:
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Таблица посложнее</title>
</head>
<body>
<table>
<caption> Посещения по городам</caption>
<tr>
<th>Город</th>
<th>Посещения</th>
<th>Страниц</th>
<th>Время</th>
</tr>
<tr>
<td>СПб</td>
<td>199</td>
<td>18,02</td>
<td>00:13:45</td>
</tr>
<tr>
<td>Москва</td>
<td>69</td>
<td rowspan=»2″>нет данных</td>
<td>00:00:44</td>
</tr>
<tr>
<td>Киев</td>
<td>5</td>
<td>00:18:07</td>
</tr>
<tr>
<td colspan=»3″>Всего посещений</td>
<td>273</td>
</tr>
</table>
</body>
</html>
CSS
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}table {
border-collapse: collapse;
}td {
border: 1px solid lightgray;
padding: 10px;
}th {
padding: 10px;
border-bottom: 2px solid black;
}caption {
caption-side: bottom;
text-align: centre;
}
