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

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

Referenze

<strong>Definisce una parte del testo importante con formattazione in grassetto.
<source>Il tag HTML <source> si usa per indicare una o più risorse multimediali per elementi media
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
hreflangConsente di dichiarare la lingua del documento collegato.
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
relServe a definire la relazione tra il documento e una risorsa.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Review of Functions I

Pagina di esempio

Un Giorno a Napoli: Itinerario Det

3 LS 29-01 TABELLA(2)

Costruzione form

Il mio primo sito

Il Labirinto di Teseo

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>