Читайте также:
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Исторический турнир </title>
<style type="text/css" >
body {
font: 10pt Arial, Helvetica, sans-serif; /* Шрифт на веб-странице */
background: #e1dfb9; /* Цвет фона */
}
h2 {
font-size: 1.1em; /* Размер шрифта */
color: #800040; /* Цвет текста */
margin-top: 0; /* Отступ сверху */
}
#container {
width: 500px; /* Ширина слоя */
margin: 0 auto; /* Выравнивание по центру */
background: #f0f0f0; /* Цвет фона левой колонки */
}
#header {
font-size: 2.2em; /* Размер текста */
text-align: center; /* Выравнивание по центру */
padding: 5px; /* Отступы вокруг текста */
background: #8fa09b; /* Цвет фона шапки */
color: #ffe; /* Цвет текста */
}
#sidebar {
margin-top: 10px;
width: 110px; /* Ширина слоя */
padding: 0 10px; /* Отступы вокруг текста */
float: left; /* Обтекание по правому краю */
}
#content {
margin-left: 130px; /* Отступ слева */
padding: 10px; /* Поля вокруг текста */
background: #fff; /* Цвет фона правой колонки */
}
#footer {
background: #8fa09b; /* Цвет фона подвала */
color: #fff; /* Цвет текста */
padding: 5px; /* Отступы вокруг текста */
}
</style>
</head>
<body>
<div id="container" >
<div id="header" > Исторический турнир </div>
<div id="sidebar" >
<p><a href="stat.html" > Статистика турнира </a></p>
<p><a href="interview.html" > Интервью с главным судьей </a></p>
<p><a href="ask.html" > Конкурсные вопросы </a></p>
</div>
<div id="content" >
<h2> Опрос общественного мнения показал </h2>
<ul>
<li> что пароход изобретен: Петром I, А. Эйнштейном и А. Поповым; </li>
<li> Диего Веласкес писал свои полотна в стиле: империализма, кубизма
и империосионизма; </li>
<li> Фаросский маяк находится в Фаросе; </li>
<li> конфуцианство возникло в: Италии, Корее и Франции; </li>
<li> богами торговли и воровства в Древней Греции были: Марс, Меркурий
и Дионис; </li>
<li> Франция – это город; </li>
<li> богами загробного мира в Египте были: Аид, Анубис и Ассирис; </li>
<li> столица Золотой Орды — Монголия; </li>
<li> главные противники Александра Македонского: татаро-монголы, Дедал
и Цезарь; </li>
<li> священными птицами — символами Афин были: ворона и орел; </li>
<li> в Древней Греции морями повелевали боги: Плутон, Нептун и Тритон. </li>
</ul>
</div>
<div id="footer" > © Влад Мержевич </div>
</div>
</body>
</html>
Также приведем код для HTML 5, стиль практически не изменится, но поменяются структурные элементы. Также для браузера Internet Explorer, чтобы он понимал стиль для новых элементов, придется включить скрипт через условные комментарии (пример 3).
Дата добавления: 2015-08-20; просмотров: 37 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Фиксированная ширина, навигация слева | | | Резиновая ширина, навигация слева |