portofolio_Alessandro_Foletto by @AleChievo - Codewith.it

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

Referenze

<video>Integra e controlla video in una pagina HTML
langSpecifica la lingua del contenuto di un elemento
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
<h2>Titolo di intestazione di secondo livello
<html>Tag primario di un documento HTML
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Form per il torneo misto disfo

Il Mondo della Tecnologia

Modulo multi Processo

Caps Lock Checker

BasicStructure.html

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