<h2>Ищешь интересные и уникальные истории? Тебе сюда!</h2>
</center>
<hr/>
<h3>История о том, как я задал этот вопрос на и как мне ответил MrSolution</h3>
<p>
Первый абзац моей истории...
</p>
<p>
Второй абзац моей истории...
</p>
<p>
Третий абзац моей истории...
</p>
<footer>Мой самый лучший блог.<br/>Моя почта: [email protected]<br/>Мой телефон: <телефон><br/>Хочешь поделиться своей историей? Пиши мне на почту!</footer>
(см. объяснение)
Объяснение:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<title>Мой Сайт</title>
<style type="text/css">
* {margin: 0; padding: 0; }
h1{ margin-top: 55px; color: #; text-shadow: 2px 3px 1px #000000; }
h2 { color: #C7C7C7; }
header { font: 30px verdana; color: #; text-shadow: 2px 3px 2px #000000; position: fixed; left: 0; top: 0; width: 100%; height: 56px; background-color: salmon;}
header > a { color: blue; }
header > a:hover { color: skyblue; }
p { margin: 0 auto; width: 800px; height: 500px; font: 20px serif; text-indent: 20px; border-radius: 25px; border: 3px solid black; background-color: #F0F0F0; }
footer { width: 100%; font: 15px impact; height: 70px; background-color: #A3A3A3; }
</style>
</head>
<body bgcolor="salmon1">
<header>Лучший блог! <a href="index.html">Главная</a> <a href="#">Контакты</a> <a href="#">Обо мне</a></header>
<center>
<h1>Мой блог</h1>
<h2>Ищешь интересные и уникальные истории? Тебе сюда!</h2>
</center>
<hr/>
<h3>История о том, как я задал этот вопрос на и как мне ответил MrSolution</h3>
<p>
Первый абзац моей истории...
</p>
<p>
Второй абзац моей истории...
</p>
<p>
Третий абзац моей истории...
</p>
<footer>Мой самый лучший блог.<br/>Моя почта: [email protected]<br/>Мой телефон: <телефон><br/>Хочешь поделиться своей историей? Пиши мне на почту!</footer>
</body>