La storia dell\\\\ by @Fra.Chi - Codewith.it

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

Referenze

sizeDetermina le dimensioni dell'elemento in base al valore contenuto
headersDetermina la relazione tra celle e celle di intestazione di una tabella.
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
<p>Serve a definire paragrafi di testo
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video
valueValore alfanumerico o booleano contenuto in un elemento

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Il museo di Leonardo

Pagina di esempio

Gesù nostro signore(2)

Portfolio Base Freelance – Web,

provo copia prof

SCHEDA 4 INFORMATICA

esempio di captcha

prima volta css

Review of Functions

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>
  <body>
<div style="background-color:#FAF1E4; text-align: center; padding: 60px">
  <h1>
    <font face="Tahoma">
      <font size="30"
      <font color="#2D4356"<strong>La storia dell'<span style="color: #54B435;">ar</span><span style="color: #3876BF;">co</span><span style="color: #F0DE36;">ba</span><span style="color: #CD5C08;">le</span><span style="color: #D80032;">no</span></strong>
    </font>
    </font>
  </h1>
  <h2>
    <font face="Tahoma">
      <font color="5D12D2">L'abbraccio dei colori</font>
    </font>
  </h2>
      <br>
<p style="color:#2D4356; text-align:left; font-size:18"> Tempo fa i colori fecero una lite furibonda. Ognuno di loro si proclamava il migliore in assoluto, il più importante, il più utile, il favorito.</p>
<p style="color:#2D4356; text-align: left; font-size:18"><span style="color: #54B435;"><strong> Il verde </strong></span> si propose subito come meritevole di ricevere il primato, dicendo:
“Guardatevi intorno, contemplate la natura, osservate le colline, le foreste e le montagne e vi renderete conto come, senza di me, non esista vita. Io sono il colore dell’erba, degli alberi, delle praterie sconfinate. Io rappresento la vita, la primavera e la speranza.”</p>
<br>
<img width="200px" src="https://www.crescita-personale.it/.imaging/default/dam/crescita-personale/enciclopedie/crescita-personale/psicologia-verde.jpg/jcr:content.jpg"
<br>
</div>
<br>
<div style="background-color:#F5F5F5; text-align: center; padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18"><span style="color: #0D1282;"><strong> Il blu</strong></span> lo interruppe:
“Tu sei troppo occupato a guardare la terra, sei troppo preso dalla realtà che ti circonda. Alza un po’ gli occhi verso il cielo, contempla la vastità e la profondità dei mari e lì scoprirai la mia presenza. Io sono il colore della profondità che abbraccia l’universo. E' l'acqua la base della vita. Il cielo dà spazio, pace e serenità, senza di me voi non sareste niente”.</p>
<br>
<img width="200px" src="https://www.nieddittas.it/wp-content/uploads/2022/01/perche-il-mare-e-blu.jpg"
<br>
</div>
<br>
<div style="background-color:#FAF1E4; text-align: center;padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18"><span style="color: #F0DE36;"><strong> Il giallo</strong></span> rilanciò:“Siete tutti così seri! Il mondo ha bisogno di luce e di gioia. Io sono il colore che porta il sorriso nel mondo. Del mio colore si vestono il frumento e i girasoli, le stelle della notte e il sole che illumina ogni cosa. Io rappresento l’energia e la gioia.”</p>
<br>
<img width="200px" src="https://www.focus.it/images/2021/08/18/girasole_1020x680.jpg"
<br>
</div>
<br>
<div style="background-color:#F5F5F5; text-align: center; padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18">Timidamente si fece avanti <span style="color: #CD5C08;"><strong>l'arancione</strong></span> dicendo:
“Del mio colore si vestono le carote, zucche, arance perché, dove sono presente, assicuro vitamine e una vita sana.
Io rappresento il calore e la salute. Io non sono presente tutto il tempo, ma quando riempio il cielo nell'alba e nel tramonto, la mia bellezza è così impressionante che nessuno pensa più ad uno solo di voi...”</p>
<br>
<img width="200px" src="https://www.macrolibrarsi.it/data/speciali/big/il-significato-del-colore-arancione.jpg"
<br>
</div>
<br>
<div style="background-color: #FAF1E4; Text-align: center; padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18"><span style="color: #D80032;"><strong>Il rosso</strong></span>, a voce alta, non diede il tempo di terminare all’arancione, e sicuro di sè disse:
“Voi, state ancora discutendo su chi sia il più importante? Ma non vi accorgete che io rappresento la vita?
Sono il colore del sangue ed il sangue è vita, il colore del pericolo e del coraggio, dei martiri e degli eroi.
Di me si vestono i papaveri ed i gelsomini; dove sono presente sono il centro dell’attenzione perché rappresento la passione e l’amore!”</p>
<br>
 <img width="200px" src="https://veganocrudista.it/wp-content/uploads/2018/06/proprieta-frutti-rossi.jpg"
 <br>
 </div>
 <br>
 <div style="background-color: #F5F5F5; Text-align: center; padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18">Mentre il rosso stava ancora urlando, solenne e regale avanzò <span style="color: #610C9F;"><strong>il viola</strong></span>: “Io non ho bisogno di parlare, di propormi o di difendermi. Il mondo mi conosce e quando passo si inchina.
Io rappresento la regalità: del mio colore si vestono i re, i principi e gli uomini di chiesa. Rappresento l’autorità, ciò che è sacro e misterioso!”</p>
<br>
<img width="200px" src="https://www.ecostore.it/wp-content/uploads/2018/05/maggio_viola-1.jpg"
<br>
 </div>
<br>
<div style="background-color: #FAF1E4; Text-align: center; padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18">Infine <span style="color: #3876BF;"><strong>l'indaco</strong></span> parlò molto più serenamente degli altri, ma con determinazione disse:
"Pensate a me, io sono il colore del silenzio. Rappresento il pensiero e la riflessione, il crepuscolo e le acque profonde... Voi tutti avete bisogno di me per bilanciare e contrastare, per pregare ed inneggiare alla pace".</p>
<br>
<img width="200px" src="https://imperfect.it/wp-content/uploads/2019/01/fumo-indaco-imperfect.jpg"
<br>
</div>
<br>
<div style="background-color: #F5F5F5; Text-align: center; padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18">E così i colori continuarono a discutere ognuno convinto di essere superiore agli altri. Litigarono sempre più violentemente senza sentire ragioni.</p>
<h3>
  <Font face="tahoma"
  <font color="5D12D2">Ma all'improvviso...
  </font>
  </font>
  </h3>
<p style="color:#2D4356;text-align:left; font-size:18">Improvvisamente un lampo squarciò il cielo seguito da un rumore fortissimo. Il tuono e la pioggia che seguì violenta li impaurì a tal punto che si strinsero tutti insieme per confortarsi.</p>
<br>
<img width="300" src="https://www.megghy.com/sfondi/natura/lampi/lampi_021.jpg"
<br>
</div>
<br>
<div style="background-color: #FAF1E4; Text-align: center; padding: 60px">
<p style="color:#2D4356; text-align:left; font-size:18">Nel mezzo del clamore la pioggia iniziò a parlare: "Voi sciocchi colori litigate tra di voi e ognuno cerca di dominare gli altri... Non sapete che ognuno di voi è stato fatto per un preciso scopo unico e differente? Tenetevi per mano e venite con me!"</p>
<p style="color:#2D4356; text-align:left; font-size:18">Dopo che fecero pace, si presero tutti per mano. E la pioggia continuò: "D'ora in poi, quando pioverà ognuno di voi si distenderà attraverso il cielo in un grande arco di colori per ricordare che voi vivete tutti in pace".</p>
<br>
<img width="500px" ombra-box="image"src="https://wips.plug.it/cips/supereva/cms/2021/08/arcobaleno.jpg?w=850&a=r">

  </body>
</html>