portofolio_Alessandro_Foletto by @AleChievo - Codewith.it

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

Referenze

<h3>Titolo di intestazione di terzo livello
<embed>Tag per l'incorporamento di contenuti multimediali
<li>Inserisce voci all'interno di una lista
<aside>Definisce un contenuto separato dal testo perincipale
srcsetL'attributo srcset definisce la risorsa grafica tramite URL all'interno del tag <source> contenuto in <picture>
<i>Formatta il testo in corsivo/italico non enfatizzato

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

match html tags

ESERCIZI RIEPILOGATIVI - 1

Keter Signature

clarinetto.html

Page not found - Codewith.it

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