Знову таблиці
Тема:HTML5
Виправте наведений код згідно наступним пунктам:
- видаліть застарілі теги (<center>, <font>);
- додайте стилі і перенесіть усе оформлення сторінки в них;
- валідний HTML5;
- створіть такий же макет без використання таблиц.
<html>
<body style="background-color: #001646">
<div style="text-align: center">
<div style="font-family: Arial">
<div style="width: 970px; margin: 0 auto; padding: 5px">
<div style="height: 280px"> <img src='./images/header.jpg' alt="*"></div>
</div>
</div>
</div>
<div style="background-color: black">
<div style="width: 200px; float: left">
<div style="color: #ffffff">
<div style="background: url('./images/back.jpg'); height: 30px"><b>Головна</b></div>
<div style="background: url('./images/back.jpg'); height: 30px"><b>Новини</b></div>
<div style="background: url('./images/back.jpg'); height: 30px"><b>Про компанію</b></div>
<div style="background: url('./images/back.jpg'); height: 30px"><b>Продукція</b></div>
<div style="background: url('./images/back.jpg'); height: 30px"><b>Контакти</b></div>
</div>
</div>
<div style="color: #ffffff; font-family: Verdana; font-size: 12px"><p style="text-align: justify">
Декретний час просторово неоднорідний. Ганімед шукає азимут, але Дон Еманс включив до списку всього 82-у Великі Комети. Геліоцентричне відстань постійно. Каллісто шукає космічний лімб, проте більшість супутників рухаються навколо своїх планет в тому ж напрямку, в якому обертаються планети. Епоха вирішує радіант, хоча це явно видно на фотографічній пластинці, отриманій за допомогою 1.2-метрового телескопа.</p>
</div>
</div>
</div>
<div style="height: 20px; text-align: center; background-color: #103898">
<div style="color: #ffffff">© Copyright ME, 2013</div>
</div>
</div>
</div>
</div>
</body>
</html>