La Storia di Cappuccetto Rosso by @fierky - Codewith.it

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

References

<aside>Definisce un contenuto separato dal testo perincipale
autofocusAttiva un elemento al caricamento della pagina.
acceptDefinisce e filtra il formato dei file per il tag <input type=file>
<q>Indica una parte di testo come citazione breve
<strong>Definisce una parte del testo importante con formattazione in grassetto.
<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento

Users

Log in to search for users

Explore

Find inspiration

SHKAFI_3M_12_HTMLBELLISSI

Indovina il numero 1 a 10

Mundane Mondays or Fantastic Frida

Pagina Di Prova 1.11.23

console elements(2)

esercitazione n1

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.

<html>

  <head>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Kablammo&family=Lobster&display=swap" rel="stylesheet">

    <style>

      .titoloh1 { color: blue; font-size: 60px; font-family: 'Kablammo', cursive; text-align: center; }
      .titoloh2 { color: lightblue; font-size: 40px; font-family: 'Kablammo', cursive; text-align: center; }
      .titoloh3 { color: magenta; font-size: 28px; font-family: 'Kablammo', cursive; text-align: center; }
      .sezione { color: white; font-size: 28px; font-family: Lobster; text-align: justify; padding: 5px 70px; }
      .sezione-finale { color: lightsalmon; font-size: 25px; font-family: Lobster; text-align: center; padding: 5px 70px; }
      .caratterebig  { color: red; font-size: 150%; }
      .sottolineato { text-decoration: underline; }
      .video { border-radius: 20px 20px 20px 20px; width: 500px; height: 280px; }


    </style>

  </head>
  
  <body style="margin: 0px;">

    <font color="white";>

    <div style="padding:5px; background-color: #2A7221">
      <h1 class="titoloh1">La Storia di Cappuccetto <span class="caratterebig sottolineato"> Rosso </span></h1>
      <center><img width="400px" height="auto" src="cappu.png";/></center>

      <h2 class="titoloh2"> Il viaggio di Cappuccetto <span class="caratterebig">Rosso</span></h2>

      <p class="sezione">Cappuccetto Rosso era una dolce e curiosa bambina con un cappuccio rosso che amava molto la sua nonna.<br> Un giorno, sua madre le chiese di portare una cesta di cibo alla nonna malata, che viveva al di là del bosco. Cappuccetto Rosso si mise in cammino, ignara delle avventure che l'aspettavano lungo il percorso.</p>
    </div>

    <div style="padding:5px; background-color: #1E441E">
      <h3 class="titoloh3">L'incontro con il <span class="caratterebig">lupo</span></h3>

      <p class="sezione">Mentre attraversava il bosco, Cappuccetto Rosso incontrò un lupo affamato. Il lupo, cercando di approfittarne, chiese a Cappuccetto Rosso dove stesse andando. La bambina ingenua gli disse della sua visita alla nonna malata. Il lupo, con astuzia, decise di raggiungere la casa della nonna prima di Cappuccetto Rosso per mangiarle entrambe.</p>

      <center><img width="300px" height="auto" src="capp-nonna.png"/></center>
      <br>

      <h3 class="titoloh3">La salvezza della <span class="caratterebig sottolineato">nonna</span></h3>

      <p class="sezione">Nel frattempo, il lupo arrivò alla casa della nonna e la inghiottì intera. Poi si travestì da nonna, aspettando l'arrivo di Cappuccetto Rosso. Quando la bambina bussò alla porta, credendo che fosse la nonna, il lupo la invitò ad entrare. Ma Cappuccetto Rosso notò qualcosa di strano nel comportamento del lupo.</p>


      <h3 class="titoloh3">L'intervento del <span class="caratterebig">cacciatore</span></h3>

      <p class="sezione">Fortunatamente, in quel momento un cacciatore passava di lì e udì le grida di Cappuccetto Rosso. Capì immediatamente cosa stava succedendo e corse dentro la casa. Con il suo coltello, aprì la pancia del lupo e liberò Cappuccetto Rosso e sua nonna, ancora vive.</p>
    </div>

    <div style="padding:5px; background-color: #152614">
      <h2 class="titoloh2">Il lieto fine</h2>

      <p class="sezione">Cappuccetto Rosso e la nonna erano sollevate di essere salve e ringraziarono il cacciatore per averle salvate. Da quel giorno in poi, Cappuccetto Rosso imparò la lezione sull'importanza di non parlare con gli estranei e di seguire sempre il sentiero sicuro per raggiungere la nonna.</p>

      <h2 class="titoloh2 sottolineato">La fine della storia</h2>

      <p class="sezione">La storia di Cappuccetto Rosso ci insegna l'importanza della prudenza e della fiducia nelle persone giuste. Ci ricorda anche l'importanza di seguire le istruzioni dei nostri genitori per la nostra sicurezza. Cappuccetto Rosso e sua nonna vissero felicemente insieme, e la lezione imparata sarebbe stata tramandata alle generazioni future.</p>

      <br>
      <br>

      <p class="sezione-finale">Questo è solo un breve riassunto: se volete la storia completa, <i>aprite il video sotto:</i></p>

      <center><iframe class="video" src="https://www.youtube.com/embed/Wzz-nruPz9Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></center>

      <p class="sezione-finale">Altrimenti: <a href="https://www.grimmstories.com/it/grimm_fiabe/cappucetto_rosso>" target="blank"> clicca <u><i>qui</u></i></a> per leggere dal sito dei fratelli Grimm</p>
    </div>
    
  </font>
  </body>
</html>