Seitennummerierung

[kaepten]

Ahoi,

ich würde ganz gerne eine Seitenummerierung auf meine Website drauf machen. Habe auch schon den jeweiligen Code (siehe weiter unten (wer es sich ansehen möchte, kann auf den Link ganz unten klicken))
Jetzt zu meiner Frage die Seite heißt z.B. preise.html
auf der ersten soll es um Werkzeuge gehen und auf der zweiten Seite soll es um den Weihnachtsmann gehen.
Jetzt schreibe ich auf preise.html die Werkezeugstexte...
Aber wie muss ich das jetzt mit der zweiten Seite machen
Muss ich einen neuen Ordner machen wo alle Seiten rein kommen und dann es jeweils page2.html usw. nennen?
Aber wenn ihr jetzt mal auf den Beispiellink klickt,dann steht da nichts von page 1,aber sobald ich auf die zweite Seite klicke steht page/2 dran. Wie mache ich das? Das es ordentlich ist. Habe leider kein Plan.

Mit einen iFrame? Was aber ziemlich veraltet wäre.
Beispiellink: http://www.shisha-tester.de/shisha-tabak (ganz unten)

Ich freue mich auf eure Antworten!

< div id = "pagination" > < span >< a href = "#seite=1" >&laquo; Zurück</ a ></ span > < span >< a href = "#seite=1" >1</ a ></ span > < span class = "aktuell" >2</ span > < span >< a href = "#seite=3" >3</ a ></ span > < span >< a href = "#seite=4" >4</ a ></ span > < span >< a href = "#seite=5" >5</ a ></ span > < span >< a href = "#seite=3" >Weiter &raquo;</ a ></ span > </ div >

div.pagination {
    font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
    padding:2px;
    margin:7px;
}

div.pagination a {
    margin: 2px;
    padding: 0.5em 0.64em 0.43em 0.64em;
    background-color: #ee4e4e;
    text-decoration: none; /* no underline */
    color: #fff;
}
div.pagination a:hover, div.pagination a:active {
    padding: 0.5em 0.64em 0.43em 0.64em;
    margin: 2px;
    background-color: #de1818;
    color: #fff;
}
div.pagination span.current {
        padding: 0.5em 0.64em 0.43em 0.64em;
        margin: 2px;
        background-color: #f6efcc;
        color: #6d643c;
    }
div.pagination span.disabled {
        display:none;
    }

https://jsfiddle.net/rq13f4hm/