creazione di pagina web statica utilizzando header footer e main che mostrerà immagini dei gatti
parent: 34db92de | patch | commit | ignore whitespace
filippo.bertilotti
2024-04-18 5c2f844bd9ba9d567a875bbdae4ea92e6c4546ce 
aggiunta multipagina con header e footer

ogni pagina gatto diverso
6 files added
1 files modified
109 ■■■■■ changed files
esercizio04.html 10 ●●●●● patch | view | raw | blame | history
gattopersiano.html 33 ●●●●● patch | view | raw | blame | history
gattopersiano.jpg patch | view | raw | blame | history
gattoscottishfold.html 33 ●●●●● patch | view | raw | blame | history
gattoscottishfold.jpg patch | view | raw | blame | history
gattosiamese.html 33 ●●●●● patch | view | raw | blame | history
gattosiamese.jpg patch | view | raw | blame | history 
 esercizio04.html


@@ -7,11 +7,11 @@


</head>


<body>


    <header style=background-color:aqua>


        <h1>Test Header</h1>


        <a href="">Test1</a>


        <a href="">Test2</a>


        <a href="">Test3</a>


        <a href="">Test4</a>


        <h1>Gatti carini</h1>


        <a href="esercizio04.html">Home</a>


        <a href="gattosiamese.html">GattoSiamese</a>


        <a href="gattoscottishfold.html">ScottishFold</a>


        <a href="gattopersiano.html">GattoPersiano</a>


    </header>


    


    <main>




 gattopersiano.html


New file


@@ -0,0 +1,33 @@


<!DOCTYPE html>


<html lang="en">


<head>


    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>Document</title>


</head>


<body>


    <header style=background-color:aqua>


        <h1>Gatti carini</h1>


        <a href="esercizio04.html">Home</a>


        <a href="gattosiamese.html">GattoSiamese</a>


        <a href="gattoscottishfold.html">ScottishFold</a>


        <a href="gattopersiano.html">GattoPersiano</a>


    </header>


    


    <main>


        <h4>Gatto Persiano</h4>


        <img src="gattopersiano.jpg" alt="test image" width="650px" height="400px">


        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt officia tempora, alias, obcaecati voluptates asperiores facilis praesentium quaerat aliquam consequatur voluptatem culpa nostrum illo totam tenetur ab libero! Saepe, rem.</p>




    </main>






    <footer style=background-color:aqua>


        <hr>


        author: me


        &copy; copyright reserved<br>


        <a href="mailto:filippobertilotti@gmail.com">my email</a>




    </footer>


</body>


</html>




 gattopersiano.jpg




 gattoscottishfold.html


New file


@@ -0,0 +1,33 @@


<!DOCTYPE html>


<html lang="en">


<head>


    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>Document</title>


</head>


<body>


    <header style=background-color:aqua>


        <h1>Gatti carini</h1>


        <a href="esercizio04.html">Home</a>


        <a href="gattosiamese.html">GattoSiamese</a>


        <a href="gattoscottishfold.html">ScottishFold</a>


        <a href="gattopersiano.html">GattoPersiano</a>


    </header>


    


    <main>


        <h4>Gatto Scottish Fold</h4>


        <img src="gattoscottishfold.jpg" alt="test image" width="650px" height="400px">


        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt officia tempora, alias, obcaecati voluptates asperiores facilis praesentium quaerat aliquam consequatur voluptatem culpa nostrum illo totam tenetur ab libero! Saepe, rem.</p>




    </main>






    <footer style=background-color:aqua>


        <hr>


        author: me


        &copy; copyright reserved<br>


        <a href="mailto:filippobertilotti@gmail.com">my email</a>




    </footer>


</body>


</html>




 gattoscottishfold.jpg




 gattosiamese.html


New file


@@ -0,0 +1,33 @@


<!DOCTYPE html>


<html lang="en">


<head>


    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>Document</title>


</head>


<body>


    <header style=background-color:aqua>


        <h1>Gatti carini</h1>


        <a href="esercizio04.html">Home</a>


        <a href="gattosiamese.html">GattoSiamese</a>


        <a href="gattoscottishfold.html">ScottishFold</a>


        <a href="gattopersiano.html">GattoPersiano</a>


    </header>


    


    <main>


        <h4>Gatto siamese</h4>


        <img src="gattosiamese.jpg" alt="test image" width="650px" height="400px">


        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt officia tempora, alias, obcaecati voluptates asperiores facilis praesentium quaerat aliquam consequatur voluptatem culpa nostrum illo totam tenetur ab libero! Saepe, rem.</p>




    </main>






    <footer style=background-color:aqua>


        <hr>


        author: me


        &copy; copyright reserved<br>


        <a href="mailto:filippobertilotti@gmail.com">my email</a>




    </footer>


</body>


</html>




 gattosiamese.jpg