portofolio_Alessandro_Foletto by @AleChievo - Codewith.it

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

Referenze

maxImposta il valore numerico o temporale massimo per un elemento input
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
idIdentifica univocamente un elemento HTML
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
heightDetermina l'altezza di un elemento HTML in pixel
listCollega un elemento input con una lista di opzioni datalist

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Éclat Couture - Alta Moda Artigia

pagina America(2)

attività della settimana

programma base Di lauro

mappa del malandrino

Menu Navigazione Aggiuntivo

dati dell-utente

Tabelle con inserimento immagini

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 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-->