→ Пошук по сайту       Увійти / Зареєструватися

Таблицы

Компетенція Робота з HTML

Вопросы для проверки

  1. <td align="right">
  2. <table><tr><td>
  3. <table>
    <caption align="bottom" >Заголовок</caption>
    ...
    </table>
  4. Объединяет ячейки по горизонтали.

Задание

1. Создание таблицы.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Таблица</title>
</head>
<body>
<table width="600" align="center" cellpadding="4" cellspacing="0">
<tr>
<td width="150" valign="top">Левая колонка</td>
<td valign="top">Правая колонка</td>
</tr>
</table>
</body>
</html>

2. Создание таблицы.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Добыча</title>
</head>
<body>
<table width="100%" border="1" cellpadding="4">
<caption>Добыча драгоценных камней</caption>
<tr>
<td>&nbsp;</td>
<th>2010</th>
<th>2012</th>
<th>2014</th>
</tr>
<tr>
<td>Сапфиры</td>
<td rowspan="2">1483</td>
<td>4532</td>
<td>6743</td>
</tr>
<tr>
<td>Рубины</td>
<td>3835</td>
<td>7482</td>
</tr>
<tr>
<td>Алмазы</td>
<td>683</td>
<td colspan="2" align="center">238</td>
</tr>
</table>
</body>
</html>

3. Исправление ошибок в коде.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Таблица</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" border="2">
<tr>
<td valign="top">Ut aliquip ex ea commodo.</td>
<td valign="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</td>
</tr>
<td valign="bottom" colspan="2">Lobortis nisl.</td>
<td valign="top">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</td>
</tr>
</table>
</body>
</html>

загрузка...
Сторінки, близькі за змістом