Samym HTML i CSS nie będziesz mógł bez kopiowania rozwiązać tego problemu.
Przedstawie Tobie jak to zrobić za pomocą języka PHP.
PHP
Aby wykorzystać język PHP musisz mieć postawioną stronę www na serwerze obsługującym ten język. Jeżeli nie posiadasz serwera to na Windowsie, możesz zainstalować XAMPP. Następnie w:
C:\xampp\htdocs\
utwórz folder o nazwie np. mojastrona. Następnie przenieś pliki strony do tego folderu.
Uruchom teraz serwer uruchamiając XAMPP i klikając "Start" przy module Apache.
Teraz możesz wejść na swoją stronę wpisując adres http://localhost/mojastrona w swoją przeglądarkę.
Czas teraz na modyfikację strony tak abyś nie musiał kopiować szablonu.
Załóżmy, że twój index.html wygląda tak.
<h1>Mój nagłówek</h1>
Witaj na mojej stronie!
<footer>Stopka!</footer>
W tym wypadku podzielimy twoją stronę na 3 pliki (naglowek.php, index.php, stopka.php).
Zawartość pliku naglowek.php
<h1>Mój nagłówek</h1>
Zawartość pliku stopka.php
<footer>Stopka!</footer>
Zawartość pliku index.php
<?php
include 'naglowek.php';
?>
Witaj na mojej stronie!
<?php
include 'stopka.php';
?>
Teraz gdy wejdziesz ponownie na swoją stronę, to efekt będzie taki sam jak poprzednio. Będzie nagłówek, zawartość i stopka.
Teraz wytłumaczę co zostało zrobione. Podzieliliśmy stronę na 3 pliki. Mamy osobny plik dla nagłówka i dla stopki. W index.php wykorzystaliśmy dwa razy funkcję języka PHP include, który pozwala na zawieranie zawartości pliku w innym. Dzięki temu przy tworzeniu kolejnych stron np. omnie.php nie będziesz musiał kopiować całego kodu html.
Stwórzymy plik omnie.php
<?php
include 'naglowek.php';
?>
To jest strona o mnie!
<?php
include 'stopka.php';
?>
Budowa jest identyczna jak w index.php tylko zawartość w środku jest zmieniona. Teraz wystarczy wejść na http://localhost/mojastrona/omnie.php
Jeżeli chcesz zapoznać się lepiej z językiem PHP to zapraszam Ciebie na m.in. kurs od Mirosława Zelenta.