Опять таблицы

Влад Мержевич

Тема: HTML5

Исправьте приведённый код согласно следующим пунктам:

  • уберите устаревшие теги (<center>, <font>);
  • добавьте стили и перенесите всё оформление страницы в них;
  • валидный HTML5;
  • сделайте тот же макет вообще без использования таблиц.
<html>
<body bgcolor="#001646">
<center>
<font face='Arial'>
<table width='970' cellspacing='0' border='0' cellpadding="5">
<tr height='280'>
<td colspan='2'> <img src='./images/header.jpg' alt="*"></img></td>
</tr>
<tr bgcolor='black'>
<td width='200' valign='top'>
<font color="#ffffff">
<table border='0'>
<tr><td height='30' width='200' background='./images/back.jpg'><b>Главная</b></td></tr>
<tr><td height='30' background='./images/back.jpg'><b>Новости</b></td></tr>
<tr><td height='30' background='./images/back.jpg'><b>О компании</b></td></tr>
<tr><td height='30' background='./images/back.jpg'><b>Продукция</b></td></tr>
<tr><td height='30' background='./images/back.jpg'><b>Контакты</b></td></tr>
</table>
</font>
</td> 
<td><font color='#FFFFFF' face='Verdana' size='2'><p align='justify'>
Декретное время пространственно неоднородно. Ганимед ищет азимут, тем не менее, 
Дон Еманс включил в список всего 82-е Великие Кометы. Гелиоцентрическое расстояние 
постоянно. Каллисто ищет космический лимб, однако большинство спутников движутся 
вокруг своих планет в ту же сторону, в какую вращаются планеты. Эпоха решает 
радиант, хотя это явно видно на фотогpафической пластинке, полученной с 
помощью 1.2-метpового телескопа.</p>
</font></td>
</tr>
<tr height='20'>
<td colspan='2' align='center' bgcolor='#103898'>
<font color='#ffffff'>&copy; Copyright ME, 2013</font></td>
</tr>
</table>
</center>
</font>
</body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.