Le Meraviglie d’Italia (chatgpt) by @Zeno04 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

relServe a definire la relazione tra il documento e una risorsa.
<hr>Inserisce una linea orizzontale
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
<abbr>Inserisce abbreviazioni e acronimi
<h4>Titolo di intestazione di quarto livello

Users

Log in to search for users

Explore

Find inspiration

TABELLA RIEPILOGATIVA

countdown passaporto 2

5/10/24 es. 4 - Password

Esercizi 05/03/2024 es5

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Le Meraviglie d’Italia</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            color: #333;
            margin: 0;
            padding: 0;
            background-color: #f4f4f9;
        }
        h1 {
            text-align: center;
            color: #228B22; /* colore naturale, verde */
        }
        .intro {
            text-align: center;
            margin: 20px;
        }
        .meraviglie-table {
            width: 80%;
            margin: auto;
            border-collapse: collapse;
        }
        .meraviglie-table td, .meraviglie-table th {
            border: 1px solid #ccc;
            padding: 15px;
            text-align: left;
            vertical-align: top;
        }
        .meraviglie-table img {
            width: 100%;
            height: auto;
            border-radius: 5px;
        }
        .meraviglia-nome {
            color: #2E8B57; /* verde più scuro per evidenziare i nomi */
            font-weight: bold;
        }
        .caratteristiche strong {
            color: #555;
        }
        .conclusione {
            text-align: center;
            margin: 20px;
            font-size: 1.1em;
        }
    </style>
</head>
<body>

    <!-- Parte 1: Intestazione e Introduzione -->
    <h1>Le Meraviglie d’Italia</h1>
    <div class="intro">
        <p>Benvenuti nella pagina dedicata alle meraviglie d’Italia. Scopri alcuni dei luoghi più belli e significativi del nostro paese, dai paesaggi naturali mozzafiato alle opere architettoniche senza tempo.</p>
    </div>

    <!-- Parte 2: Tabella delle Meraviglie con Immagini -->
    <table class="meraviglie-table">
        <tr>
            <td><img src="colosseo.jpg" alt="Colosseo di Roma"></td>
            <td>
                <span class="meraviglia-nome">Colosseo</span>
                <ul class="caratteristiche">
                    <li><strong>Anno di costruzione:</strong> 80 d.C.</li>
                    <li><strong>Posizione:</strong> Roma</li>
                    <li><strong>Unico nel suo genere:</strong> Simbolo dell’Impero Romano</li>
                </ul>
            </td>
        </tr>
        <tr>
            <td><img src="dolomiti.jpg" alt="Le Dolomiti"></td>
            <td>
                <span class="meraviglia-nome">Dolomiti</span>
                <ul class="caratteristiche">
                    <li><strong>Catena montuosa</strong></li>
                    <li><strong>Patrimonio UNESCO</strong></li>
                    <li><strong>Meta popolare per escursioni</strong></li>
                </ul>
            </td>
        </tr>
        <tr>
            <td><img src="valleTempli.jpg" alt="Valle dei Templi in Sicilia"></td>
            <td>
                <span class="meraviglia-nome">Valle dei Templi</span>
                <ul class="caratteristiche">
                    <li><strong>Situata ad Agrigento</strong></li>
                    <li><strong>Patrimonio UNESCO</strong></li>
                    <li><strong>Templi greci ben conservati</strong></li>
                </ul>
            </td>
        </tr>
    </table>

    <!-- Parte 4: Conclusione e Personalizzazione -->
    <div class="conclusione">
        <p>Queste sono solo alcune delle incredibili meraviglie che l’Italia ha da offrire. Esplora e scopri altri luoghi straordinari!</p>
        <p>Se vuoi saperne di più, <a href="mailto:tuoindirizzo@spes.uniud.it">contattaci</a>.</p>
    </div>

</body>
</html>