1)
<html>
<body>
<div style="margin-right:30%; margin-left:30%; border:1px solid black;">
<h2 align="center">
Вредные привычки
</h2>
<ol>
<li>Наркотики</li>
<li>Алкоголь</li>
<li>Курение</li>
<li>Ненормативная лексика</li>
<li>Недосыпание</li>
<li>Диеты</li>
</ol>
</div>
</body>
</html>
2)
<html>
<head>
</head>
<body><div style="display:block; float:center; margin-right:20%; margin-left:20%; border:1px solid black;"><h1 align="center"><b>О,ВЕСНА БЕЗ КОНЦА И БЕЗ КРАЮ</b></h1>
<p align="right"><b>Aлексадр Блок</b></p>
О,весна без конца к без краю -
<br>
Без конца и без краю мечта!
<br>
Узнаю тебя, жизн! Принимаю!
<br>
И приветствую звоном шита!
<br>
<p align="center"><b>Текст
<br>
Текст
<br>
Текст
<br>
Текст
</b>
</p>
<br>
<p align="right"><i>Текст
<br>
Текст
<br>
Текст
<br>
Текст
</b>
</i>
</p>
<br>
<p align="right"><b><i>24 октября 1907 г</i></b>.</p>
</body></html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Шахматы</h1>
<img src="http://3.bp.blogspot. com/-JVG3bNmA2AI/T0O2Bp0f9HI/Lc8/-9mfYn9RTwI/s1600/доска+для+игры+в+шахматы+2.jpg" alt="" srcset="" height="500px" width="500px">
</body>
</html>
Объяснение:
Здесь нельзя скидывать архивы, так что создай 2 текстовых документа, положи их в одну папку, один назови index.html другой style.css. Index.html открой с блокнота или любого текстового редактора и вставь этот код. Чтобы посмотреть что получилось открой index с браузера
Программа на Паскале.
Прилагается решение.