salve,
ho creato una pagina index.html molto semplice, che raffigura quattro quadrati, ognuno di colore diverso.
Vorrei sapere se c'è un modo (utilizzando html, php, javascript o altro) per fare sì che, cliccando su una di queste figure, questa venga aperta in un'altra pagina html (per esempio singleSquare.html). Quindi se, per esempio, clicco sul quadrato rosso, si deve aprire la pagina singleSquare.html raffigurante il quadrato rosso (ovviamente tale e quale a quello originale per dimensioni e altre cose, che potrei modificare con css)
Il codice della pagina index.html è questo:
codice:
<html>
    <head>
        <title>prova</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script type="text/javascript" src="js/libs/jquery-1.9.0/jquery.min.js"></script>
    </head>
    <body>
        <div class="quad" style="width: 200px; height: 200px; background-color: red;"></div>
        <div class="quad" style="width: 200px; height: 200px; background-color: blue;"></div>
        <div class="quad" style="width: 200px; height: 200px; background-color: yellow;"></div>
        <div class="quad" style="width: 200px; height: 200px; background-color: black;"></div>
    </body>
</html>