09.09.2026

islandia.php

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Islandia</title>
    <link rel="stylesheet" href="styl.css">
</head>
<body>
    <header>
        <h1><a href="islandia.php">Zwiedzaj Islandię</a></h1>
    </header>
    <aside>
        <h3>Do zwiedzania</h3>
        <ul>
            <li>Wodospady:</li>
            <ol>
                <?php
                $conn=mysqli_connect('localhost','root','','islandia');
                $sql="SELECT nazwa FROM obiekty WHERE panstwo='Islandia' AND idRodzaj=10;";
                $query=mysqli_query($conn,$sql);
                while($linia=mysqli_fetch_array($query)) {
                    echo "<li>".$linia[0]."</li>";
                }
                ?>
            </ol>
            <li>Siedliska zwierząt:</li>
            <ol>
                <?php
                $sql="SELECT nazwa FROM obiekty WHERE panstwo='Islandia' AND idRodzaj=14;";
                $query=mysqli_query($conn,$sql);
                while($linia=mysqli_fetch_array($query)) {
                    echo "<li>".$linia[0]."</li>";
                }
                ?>
            </ol>
        </ul>
    </aside>
    <main>
        <h2>Galeria</h2>
        <section>
            <?php
            $sql="SELECT idObiekt, plik, nazwa FROM obiekty WHERE panstwo='Islandia';";
            $query=mysqli_query($conn,$sql);
            while($linia=mysqli_fetch_array($query)) {
                echo "<a href='obiekty.php'><img src='$linia[1]' alt='$linia[2]' title='$linia[2]' class='miniatury'></a>";
            }
            mysqli_close($conn);
            ?>
        </section>
    </main>
    <footer>
 
    </footer>
</body>
</html>

obiekty.php

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Islandia</title>
    <link rel="stylesheet" href="styl.css">
</head>
<body>
    <header>
        <h1><a href="islandia.php">Zwiedzaj Islandię</a></h1>
    </header>
    <aside>
        <h3>Do zwiedzania</h3>
        <ul>
            <li>Wodospady:</li>
            <ol>
                <?php
                $conn=mysqli_connect('localhost','root','','islandia');
                $sql="SELECT nazwa FROM obiekty WHERE panstwo='Islandia' AND idRodzaj=10;";
                $query=mysqli_query($conn,$sql);
                while($linia=mysqli_fetch_array($query)) {
                    echo "<li>".$linia[0]."</li>";
                }
                ?>
            </ol>
            <li>Siedliska zwierząt:</li>
            <ol>
                <?php
                $sql="SELECT nazwa FROM obiekty WHERE panstwo='Islandia' AND idRodzaj=14;";
                $query=mysqli_query($conn,$sql);
                while($linia=mysqli_fetch_array($query)) {
                    echo "<li>".$linia[0]."</li>";
                }
                ?>
            </ol>
        </ul>
    </aside>
    <main>
        <h2>Opis miejsca</h2>
        <section>
            <?php
            $sql="SELECT plik, nazwa, nazwaCechy, wartoscCechy, opis, rodzaj FROM obiekty JOIN rodzaje ON rodzaje.idRodzaj=obiekty.idRodzaj WHERE idObiekt=46;";
            $query=mysqli_query($conn,$sql);
            $linia=mysqli_fetch_array($query);
            echo "<img src='$linia[0]' alt='$linia[1]'>";
            echo "<h2>$linia[1]</h2>";
            echo "<h3>$linia[5]</h3>";
            echo "<p>$linia[2]: $linia[3]</p>";
            echo "<p>$linia[4]</p>";
            mysqli_close($conn);
            ?>
        </section>
    </main>
    <footer>
 
    </footer>
</body>
</html>

kwerendy.txt

Z1: SELECT idObiekt, plik, nazwa FROM obiekty WHERE panstwo="Islandia";
Z2: SELECT plik, nazwa, nazwaCechy, wartoscCechy, opis, rodzaj FROM obiekty JOIN rodzaje ON rodzaje.idRodzaj=obiekty.idRodzaj WHERE idObiekt=46;
Z3: SELECT nazwa FROM obiekty WHERE panstwo="Islandia" AND idRodzaj=10;
Z4: SELECT rodzaje.idRodzaj, COUNT(*) AS "Liczba obiektów" FROM rodzaje JOIN obiekty ON rodzaje.idRodzaj=obiekty.idRodzaj GROUP BY rodzaje.idRodzaj;

styl.css

* {
    font-family: 'Comic Sans MS', sans-serif;
}
header, main {
    width: 70%;
    text-align: center;
}
header, aside {
    background-color: paleturquoise;
    border-radius: 20px;
}
header {
    height: 100px;
    padding: 2%;
}
aside {
    width: 25%;
    height: 700px;
    line-height: 2;
    float: right;
    position: relative;
    top: -175px
}
footer {
    padding-top: 10px;
}
section {
    border: 1px dashed dimgray;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 50px;
    margin-right: 50px;
    height: 400px;
    overflow: auto;
}
.miniatury {
    height: 200px;
    padding: 10px;
    opacity: 0.8;
    transition: 1s;
}
.miniatury:hover {
    opacity: 1;
}