portofolio_Alessandro_Foletto by @AleChievo - Codewith.it

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

Referenze

headersDetermina la relazione tra celle e celle di intestazione di una tabella.
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<input>Definisce un area di input per l'invio di dati e informazioni
typeSpecifica la tipologia/funzione di un elemento.
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
<strong>Definisce una parte del testo importante con formattazione in grassetto.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Festava Live - Bootstrap 5 CSS Tem

VerdeTech - Orto Botanico | Piante

Caps Lock Checker

Heads Or Tails Random Tally

La Storia di Cappuccetto Rosso

esercizio 1 esame

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