portofolio_Alessandro_Foletto by @AleChievo - Codewith.it

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

References

actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
minlengthDetermina il numero minimo di caratteri per un elemento input
requiredRende obbligatorio un campo di input
<html>Tag primario di un documento HTML
getDefinisce un metodo di invio di dati al server
<em>Formatta il testo in corsivo/italico enfatizzato

Users

Log in to search for users

Explore

Find inspiration

Esercitazione Informatica

meraviglieItalia

venezia esercizio pretest

I miei progressi

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">
  <!--inizio del documento HTML e attributo lingua italiano-->
 
  <head>
  <!--sezione HEAD: contiene le informazioni visibili al browser-->
    <title>portofolio_Alessandro_Foletto.</title><!--titolo della pagina visualizzato nella scheda browser-->
    <meta charset="UTF-8">
    <!--imposta la codifica dei caratteri-->
  </head>
  <!--fine del HEAD--> 
  <body>  
  <!--inizio della pagina,cioè tutto ciò che è visbile all'utente-->
  <header>  
   <h1>verifica di informatica</h1>
  <!--titolo pricipale della pagina-->
    <h2>indice:</h2>
  <!--titolo di secondo livello-->
     <ul>
  <!--inizio lista non ordinata con ancore-->    
      <li><a href="#presentazione">Presentazione</a></li>
    <!--link che porta all'elemento con id="presentazione"--> 
      <li><a href="#tabella">Tabella</a></li>
    <!--link che porta all'elemento con id="tabella"-->  
      <li><a href="#immagini">Immagini</a></li>
    <!--link che porta all'elemento con id="immagini"-->  
      <li><a href="#mappa">Mappa della città</a></li>
    <!--link che porta all'elemento con id="mappa"-->  
      <li><a href="#link">Link</p></a>
    <!--link che porta all'elemento con id="link"-->  
      <li><a href="#elenco1">Elenco numerato</p></a>
    <!--link che porta all'elemento con id="elenco1"-->  
      <li><a href="#elenco2">Elenco puntato</p></a>
    <!--link che porta all'elmento con id="elenco2"-->  
     </ul>
  <!--fine lista non ordinata con ancore-->    
     <hr>
  </header>
  <section> 
  <!--linea orizzontale che separa le sezioni-->   
    <h2 id="presentazione">Presentazione:</h2> 
  <!--ttitolo di seziozione con un ID: è il punto d'arrivo dell'ancora--> 
     <p>
  <!--inizio paragrafo di presentazione-->    
      Sono Alessandro faccio la seconda superiore.<br>
        Mi piace giocare ai videogiochi e leggere,<br>
        inoltre faccio uno sport poco conosciuto in Italia,pallamano.
      </p>
  <!--fine paragrafo di presentazione-->    
      <p><a href="#top">torna all'indice</p></a>
  <!--link che riporta all'inizio della pagina-->  
      <hr>
  <!--linea orizzontale che separa le sezioni-->   
    <h2 id="tabella">Tabella:</h2>
  <!--seconda sezione con ID-->  
     <table border="1px solid blanck">
  <!--inizio della tabella-->    
      <thead>
  <!--testa della tabella-->      
        <tr><th>Carbonara</th><th>Amatriciana</th><th>Cacio e pepe</th></tr>
      </thead>
  <!--fine della testa della tabella-->       
      <tbody>
  <!--inizio del corpo della tabella-->      
        <tr><td>guanciale</td><td>guanciale</td><td>cacio cavallo</td></tr>
        <tr><td>uova</td><td>salsa di pomodoro</td><td>pepe</td></tr>
        <tr><td>pecorino</td><td>pecorino</td><td>pecorino</td></tr>
      </tbody>
  <!--fine del corpo della tabella-->    
    </table>
  <!--fine della tabella-->  
    <p><a href="#top">torna all'indice</p></a>
  <!--link che porta all'inizio della pagina-->  
    <hr>
  <!--linea orizontale che separa le sezioni--> 
  <h2 id="immagini">Immagini:</h2>
  <!--terza sezione con ID-->
   <img src="pic_trulli.jpg" alt="Trulli Italiani">
    <p><a href="#top">torna all'indice</p></a>
  <!--link che porta all'inizio della pagina-->  
    <hr>
  <!--linea orizzontale che separa le sezioni-->  

  <h2 id="mappa">Mappa della città:</h2>
  <!--quarta sezione con ID-->
   <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d89605.20762305812!2d10.910129078917358!3d45.42622072575501!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x477f5f68699be0e3%3A0x53f85a636882595b!2sVerona%20VR!5e0!3m2!1sit!2sit!4v1771411645385!5m2!1sit!2sit" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  <!--indirizzo HTML che identifica la mappa di verona presa da Google maps--> 
   <p><a href="#top">torna all'indice</p></a>
  <!--link che porta all'inizio della pagina--> 
   <hr>
  <!--linea orrizontale che separa le sezioni--> 
  <h2 id="link">Link</h2>
  <!--quinta sezione con ID-->
   <A HREF="http://www.Google.it" TARGET="_blank">Vai a Google</A>
  <!--link che ti porta a un'altra pagina-->  
   <p><a href="#top">torna all'indice</p></a>
  <!--link che porta all'inizio della pagina--> 
   <hr>
  <!--linea orizzontale che separa le sezioni--> 
  <h2 id="elenco1">Elenco numerato:</h2>
  <!--sesta sezione con ID-->
   <ol TYPE=I>
  <!--inzio lista ordinata-->  
    <li>pallavolo</li>
    <li>basket</li>
    <li>calcio</li>
   </ol>
  <!--fine lista ordinata--> 
   <p><a href="#top">torna all'indice</p></a>
   <hr>
  <!--linea orizzontale che separa le sezioni--> 
  <h2 id="elenco2">Elenco puntato:</h2>
  <!--settima sezione conID-->
   <ul TYPE=square>
    <!--inzio lista non ordinata-->
    <li>autunno</li>
    <li>inverno</li>
    <li>primavera</li>
    <li>estate</li>
   </ul>
   <!--fine lista non ordinata-->
   <p><a href="#top">torna all'indice</p></a>
  <!--link che porta all'inizio della pagina-->
  </section> 
  </body>
  <!--fine del corpo-->
 <footer></footer>     
</html>
<!--fine del documento-->