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

MODERN

Опытный
К примеру, нам нужно создать таблицу успеваемости в классе. Итак, начнём.
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 нужно убрать.
 
Сверху