Создание таблицы [HTML]

Всем привет! Сегодня мы будем создавать таблицу. Можно создать таблицу по типу таблицы умножения или использовать её для компоновки объектов (слов, ссылок, картинок) на странице.

К примеру, нам нужно создать таблицу успеваемости в классе. Итак, начнём.

<html>
<head>
<title> Успеваемость </title>
</head>
<!--всё понятно-->
<body>
<table width=30% height=20% border=1>
<!--задаём параметры таблицы - 30% от ширины экрана, 20% от его высоты-->
<tr height = 25%>
<!--первая строка имеет высоты 25% от таблицы-->
<td width = 34%>
<!--1 столбец в строке имеет ширину 34% от таблицы-->
<h4> Предмет </h4>
</td>
<!--обязателльно закрываем 1 столбец 1 строки-->
<td width = 33%>
<h4> Петя </h4>
</td>
<!--всё аналогично-->
<td width = 33%>
<h4> Маша </h4>
</td>
</tr>
<!--не забываем закрыть 1 строку-->
<tr height = 25%>
<td width = 34%>
<h4> Алгебра </h4>
</td>
<td width = 33%>
<h4> 5 </h4>
</td>
<td width = 33%>
<h4> 3 </h4>
</td>
</tr>
<tr height = 25%>
<td width = 34%>
<h4> Русский </h4>
</td>
<td width = 33%>
<h4> 4 </h4>
</td>
<td width = 33%>
<h4> 5 </h4>
</td>
</tr>
<tr height = 25%>
<td width = 34%>
<h4> English </h4>
</td>
<td width = 33%>
<h4> 5 </h4>
</td>
<td width = 33%>
<h4> 4 </h4>
</td>
</tr>
</table>
<!--всё, теперь таблица готова, можно закрывать)))))))-->
</body>
</html>

Кстати, чтобы не было границ между колонками, в строчке <table width=30% height=20% border=1> border=1 нужно убрать.

Урок 11 - Форма регистрации [HTML]

Бесплатный хостинг uCoz