Здравствуйте, в виду того что только осваиваю язык HTML CSS PHP возник такой вопрос. Есть проект, вот код страницы:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Фан страничка GTA V в КГУ</title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="images/logo.png" alt="PES 2013" width="350px"/></a>
</div>
<div id="menu">
<div class="menu_head">
<span>Меню:</span>
</div>
<ul>
<li><a title="Главная" href="index.html">Главная</a></li>
<li><a title="История игры" href="history.html">История игры</a></li>
<li><a title="Персонажи" href="pers.html">Персонажи</a></li>
<li><a title="заголовок" href="ваша ссылка">Пункт меню 4</a></li>
<li><a title="заголовок" href="ваша ссылка">Пункт меню 5</a></li>
<li><a title="заголовок" href="ваша ссылка">Пункт меню 6</a></li>
<li><a title="Опрос" href="opros.html">Опрос</a></li>
</ul>
</div>
<div id="content">
<center><img src="images/gta5.jpg"/></center>
<h1>GTA 5 это криминальная история о трех героях, покоряющих Сан-Андреас</h1>
<p>Grand Theft Auto 5 еще до выхода доказала, что игры – это такой же элемент современной культуры, как кино, телевидение и литература. По всей Европе и США висят растяжки, рекламирующие пятую часть гангстерского сериала. В эфире BBC, Fox News и даже российских телеканалов «Дождь» и «Россия 24» появились сюжеты, в которых эксперты долго и нудно рассказывали о том, почему Grand Theft Auto 5 – это самое настоящее событие, причем такого же масштаба, как выход на широкие экраны «Аватара» или новой части «Гарри Поттера».</p>
</div>
<div id="footer">© Разуваев Павел</div>
</div>
</body>
</html>
Таких страниц у меня получается очень много, и хотелось бы меню, которое слева, навигационное вынести в отдельный файл, чтобы при добавлении новых пунктов не пришлось залезать в каждый HTML документ и редактировать там и потом лезть в следующий. Скажите как такое реализовать? В дальнейшем хочу тоже самое проделать с Шапкой и подвалом.