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

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

Referenze

<aside>Definisce un contenuto separato dal testo perincipale
<pre>Indica una parte di testo preformattato
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.
<tbody>Definisce il contenuto principale di una tabella.
<object>Incorpora risorse varie nella pagina web.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Array of Colors

Mario-Block.html

Adobe PDF Shared 4

tabella html(2)

Mundane Monday\'s or Fantasic Frid

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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>