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

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

References

<embed>Tag per l'incorporamento di contenuti multimediali
<h1>Titolo di intestazione di primo livello
<em>Formatta il testo in corsivo/italico enfatizzato
preloadL'attributo preload indica se precaricare un contenuto audio e video con il documento HTML
langSpecifica la lingua del contenuto di un elemento
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video

Users

Log in to search for users

Explore

Find inspiration

Ximena sanchez CSS Styling Assignm

formattazione_testo.html.(2)

Review of Functions I

spiagge limitrofe

TABELLA RIEPILOGATIVA

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>