HTML - урок 6

[Назад] [Оглавление]

Вставка таблицы на Web-страницу

<table> </table> - таблица
<tr> </tr> - строка таблицы
<th> </th> - заголовок столбца
<td> </td> - столбец таблицы
border="n" - толщина границы (n = 1, 2, ...)

Задание

1. Создайте в папке своего сайта с помощью текстового редактора KWrite, Gedit или Блокнот файл hardware.html с таблицей, содержащей цены некоторых устройств компьютера.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<title>Комплектующие</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="styles/styles.css" />
</head>
<body>
<h1 class="center">Комплектующие</h1>
<hr />
<table border="1">
<tr>
<th>Устройство</th>
<th>Цена в у.е.</th>
</tr>
<tr>
<td>Процессор</td>
<td>70</td>
</tr>
<tr>
<td>Монитор</td>
<td>200</td>
</tr>
<tr>
<td>Оперативная память</td>
<td>15</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</table>

</body>
</html> (Показать)

[Назад] [Оглавление]

Все права защищены. © 2015. Хайманова Т.Я.