Prova Pasquale by @Codewith.it - Codewith.it

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

References

srcIndica la provenienza di una risorsa esterna (tramite URL).
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video
novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
headersDetermina la relazione tra celle e celle di intestazione di una tabella.
<a>Inserisce link e collegamenti ipertestuali
_parentApre collegamenti ipertestuali nell'elemento genitore

Users

Log in to search for users

Explore

Find inspiration

Primo esercizio

esame noe e marti

Condizione esercizio 1

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>
    <script>
      function aumentaFont() 
      {
        var body = document.querySelectorAll('body,body *');
        for (i=0; i< body.length; i++){
          var el = body[i];
          var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
          var fontSize = parseFloat(style); 
          el.style.fontSize = (fontSize + 1) + 'px';
        }
      }


      function riduciFont() 
      {
        var body = document.querySelectorAll('body,body *');
        for (i=0; i< body.length; i++){
          var el = body[i];
          var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
          var fontSize = parseFloat(style); 
          el.style.fontSize = (fontSize - 1) + 'px';
        }
      }
    </script>

    <style type="text/css">

      #intestazione
      {
        height: 60px;
        text-align: right;
        background-color: #cc0033;
        font-size:25px;
        color:#c0c0c0;

      }

      #p
      {
        font-size: 20px;

      }


      #opere
      {
        height: 85px;
        font-size:35px;
        text-align: center;
      }


      #biografia
      {
        height: 40px;
        text-align: left;
        background-color: #c0c0c0;
        font-size:20px;
        color:#cc0033;
        font-weight: bolder;
        font-family: verdana;

      }


      #box
      {

        margin: 100px;
        text-align: justify;
        font-size:20px;
        text-indent: 30px;
      }

      #titolo
      {

        text-align: left;
        font-size:25px;
        color:black;
        font-weight: bold;

      }

    </style>
    <title>Esercitazione ACCESSIBILITA'</title>
  </head>
  <body>

    <button onclick="riduciFont('myarea')" title="Clicca per ridurre la dimensione del testo">Testo(-)</button>
    <button onclick="aumentaFont('myarea')" title="Clicca per aumentarela dimensione del testo">Testo(+)</button>
    <br><div id="myarea" style="width:400px; height:100px; font-size:1em;">Questa è un area di testo creata da BytePost</div>

    <div id="intestazione">
      <h2>Pablo Picasso</h2>
    </div>

    <ol id="p" type="1">
      <li>Opere</li>
      <li>Biografia</li>
    </ol>


    <ul type="circle" id="p">
      <li> Il "periodo blu" e il "periodo rosa"</li>
      <li>L'impegno politico</li>
    </ul>

    <div id="biografia">
      <h2>&nbsp;Opere</h2>
    </div>
    <br>
    <br>
    <div id="opere">
      <img src="primaopera.jpg" border="2" style="border-color: #cc0033" width="100" height="100" alt="Prima Opera">
      <img src="secondaopera.jpg" border="2" style="border-color: #cc0033" width="100" height="100" alt="Seconda Opera">
      <img src="terzaopera.jpg" border="2" style="border-color: #cc0033" width="100" height="100" alt="Terza Opera">
      <img src="quartaopera.jpg" border="2" style="border-color: #cc0033" width="100" height="100" alt="Quarta Opera">
      <img src="quinta opera.jpg" border="2" style="border-color: #cc0033" width="100" height="100" alt="Quinta Opera">
      <img src="sestaopera.jpg" border="2" style="border-color: #cc0033" width="100" height="100" alt="Quinta Opera">
    </div>
    <br>
    <br>
    <div id="biografia">
      <h3>&nbsp;Biografia</h3>
    </div>

    <p align="center" id="box"><b>Pablo Picasso</b>(25 ottobre 1881- 8 aprile 1973) pittore spagnolo di fama mondiale, fu sicuramente uno dei maestri della pittura del Novecento. Usava dire agli amici di considerarsi anche un poeta.
      Nacque a Malaga  (Spagna), figlio di José Ruiz Blasco, anch'egli pittore ed insegnante , e di Maria Picasso Lòpez. Il suo nome completo era  Pablo Diego José Santiago Francisco de Paula Juan Nepomuceno Crispin Crispiniano de los Remedios Cipriano de la Santisima Trinidad Ruiz Blasco y Picasso Lòpez.</p>

    <p align="center" id="box">Ancora adolescente , nel 1895 Picasso si trasferisce  con la famiglia a Barcellona e comincia a seguire le lezioni di suo  padre sulla pittura e poi entra nella prestigiosa Accademia di Belle Arti di Madrid, ma dopo qualche mese ritorna a Barcellona per aprire un suo studio, all'epoca aveva solo sedici anni.</p>

    <p align="center" id="box">I suoi primi dipinti furono soprattutto figure tristi e spente e fiermava le sue opere con il nome P.Ruiz, poi per distinguersi dal padre aggiunse il nome della madre di Picasso e poi decide a a vent'anni di firmarsi semplicemente Picasso.</p>

    <h4 id="titolo">Il "periodo blu" e il "periodo rosa"</h4>

    <p align="center" id="box">Nel 1900 si reca per la prima volta a Parigi e dopo frequenti viaggi nel 1904 decide di trasferirsi nella capitale francese (questi anni sono conosciuti come il periodo blu,poichè i quadri che dipinge in quel periodo hanno come prevalenza il colore blu; dopo per circa un anno attraverserà invece un periodo rosa).</p>

    <p align="center" id="box">A Parigi diventa amico di Henri de Toulouse-Lautrec il quale gli fa conoscere la vita notturna parigina fatta di baldorie e vita spensierata.Sempre a Parigi Picasso conosce Fernande Oliver che diventerà sua modella ed amante. </p>


    <p align="center" id="box">A partire dal 1907 il pittore spagnolo cominciò quindi ad ottenere i primi successi anche se, per la verità, si rifiutava di esporre i suoi quadri in mostre pubbliche.</p>

    <h4 id="titolo">L'impegno politico</h4>

    <p align="center" id="box">Un ruolo fondamentale nella vita del pittore fu la politica tanto che nel 1944 si iscrisse al Partito Comunista e partecipò a conferenze internazionali per la pace.</p>

    <p align="center" id="box">Nel 1953 viene lasciato da Françoise ma ben presto il suo posto viene occupato da Jacqueline Roque (una giovane donna) che nel 1961 sposò e si trasferiscono vicino a Cannes.</p>

    <p align="center" id="box">Gli ultimi anni della sua vita preferì passarli come un recluso nella sua casa con sua moglie, questi furono i suoi anni più prolifici come artista.</p>

    <p align="center" id="box">Morì l'8 aprile 1973 all'età di 91 anni.</p>
  </body>
</html>

*{ }