При создании каждого HTML-документа используйте все известные вам изобразительные средства (различные шрифты, их начертание и размеры, цвета, текстуры и т.п.). Приведем структуру составления HTML-документа:
1) создаем оглавление:


<HTML>
<HEAD>
<TITLE> Задача №1.</TITLE>
</HEAD>
<BODY>
<A HREF=Kvadrat.html>Осуществим переход к файлу, который содержит 
информацию о квадрате.</A><BR>
<A HREF=Trap.html>Переход к файлу Trap.html</A><BR>
<A HREF=Paral.html>Переход к файлу Paral.html</A><BR>
</BODY>
</HTML>

2) создаем файл, содержащий информацию о квадрате:


<HTML>
<HEAD>
<TITLE> Свойства квадрата.</TITLE>
</HEAD>
<BODY>
Квадрат – это четырехугольник, у которого все стороны равны.
Площадь квадрата находится по формуле:<BR>
S=a*a, где: 
a – сторона квадрата. <BR>
Диагонали квадрата перпендикулярны и равны.<BR>
</BODY>
</HTML>

3) создаем файл, содержащий информацию о трапеции:


<HTML>
<HEAD>
<TITLE> Свойства трапеции.</TITLE>
</HEAD>
<BODY>
Трапеция – это четырехугольник, у которого две стороны параллельны, 
а две другие – не параллельны.<BR>
Площадь трапеции находится по формуле:<BR>
S=(a+b)*h/2, где: <BR>
a,b – длины параллельных сторон; <BR>
h – высота трапеции.<BR>
<A HREF=Plan_Gl.html>К оглавлению.</A>
</BODY>
</HTML>

4) создаем файл, содержащий информацию о параллелограмме:


<HTML>
<HEAD>
<TITLE> Свойства параллелограмма.</TITLE>
</HEAD>
<BODY>
Параллелограм - это четырехугольник, у которого противолежащие 
стороны параллельны  и равны.<BR>
Площадь параллелограмма вычисляется по формуле:<BR>
S = a*h, <BR>
a - сторона параллелограмма,<BR>
h - выста параллелограмма, опущенная на сторону a.<BR>
<A HREF=Plan_Gl.html>К оглавлению.</A>
</BODY>
</HTML>

Тексты этих файлов можно взять здесь.
В браузере данный HTML-документ будет иметь следующий вид:

Рис.1. Пример использования ссылок.