Prova Pasquale by @Codewith.it - Codewith.it

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

References

multipleConverte in lista a selezione multipla
postDefinisce un metodo di invio di dati al server
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
<textarea>Area di testo libero espandibile per form HTML
nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
<li>Inserisce voci all'interno di una lista

Users

Log in to search for users

Explore

Find inspiration

Indice di un libro (es in classe)

esercitazione 3

Movimento libero JS

Pagine di prova

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>

*{ }