portfolio_marco_mantovani.html by @Utente4567899 - Codewith.it

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

Referenze

colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
application-x-www-form-urlencodedCodifica dei caratteri di un form
minlengthDetermina il numero minimo di caratteri per un elemento input
<a>Inserisce link e collegamenti ipertestuali
downloadConsente di scaricare file al click di collegamento ipertestuale.
controlsL'attributo controls si usa per visualizzare gli strumenti per la riproduzione dei file audio e video

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Mario-Block.html

HTML - Esercizi

semicerchio canvas

DEMO: Hi-Lo Game

esercitazione 2

pagina America(2)

La mia prima pagina HTML

esercitazione 3

obbiettivi futuri

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>                                            <!-- Inizio HTML con DOCTYPE -->

<html lang="it">                                           <!-- italiano; html -->

 <head>                                                     <!-- Inizio Head --> 
  
  <title>Marco Mantovani Portfolio</title>                 <!-- titolo pagina -->
  <link rel="icon" type="image/x-icon" href="Pictures/favicon/favicon (2).ico">    <!-- favicon-->
  <meta charset="UTF-8">                                   <!-- caratteri -->
  <style>                                                  
    a {color:black;}
    h2{color: #2F4F4F}
    footer{color:#0000FF}
  </style>                                  <!-- fine style in cui ho inserito i colori degli h2, link e footer -->

 </head>                                                    <!-- Fine Head --> 
<body>                                                      <!-- Inizio body -->
  <header>                                                  <!-- header -->
    <h1 align="center" id="inizio">Il mio portfolio personale </h1> <!-- Unico h1  e titolo--> 
  </header>

  <p align="center" >                                <!--immagine avatar nel paragrafo per allinearla -->
    <img  src = 'https://avataaars.io/?  avatarStyle=Circle&topType=ShortHairShortWaved&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=Hoodie&clotheColor=Black&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light' alt="il mio avatar">
    <br><br>                                          <!-- br per andare a capo-->
  </p>

  <section ><h2 id="indice" align="center">Indice</h2></section>      <!-- tag section  e indice -->
    <UL TYPE=disc>                                              <!-- tag UL- per elenchi puntati con cerchietto -->
		<LI ><a href="#presentazione"> Mi presento! </a></LI>       <!-- LI per voci elenco-->
    <LI ><a href="#competenze"> Le mie competenze </a></LI>
		<LI ><a href="#voti"> I miei voti </a></LI>
		</UL>
    <br><br>
  
  
  <p>                                                                        <!-- presentazione nel tag p-->
    <section align="center"><h2 id="presentazione"> Mi presento!</h2></section>
     Ciao! Mi chiamo Marco Mantovani e questa è la mia presentazione. Ho 15 anni e frequento il liceo scientifico scienze applicate Galileo Galilei di Verona nella classe 2F. La mia materia preferita è disegno tecnico ma mi piace anche matematica. Questo è il mio portfolio personale che sto realizzando per informatica. Di seguito potete trovare le mie competenze e i miei voti (ciò che vi interessa di più!). Se volete potete tornare direttamente all'indice e passare alla sezione voti! In fondo la pagina troverete anche il <a href="#logo"><strong>logo</strong></a> di questa scuola e la <a href="#mappa"><strong>mappa</strong></a> del paese in cui vivo.
    <h3 align="center"><a href="#indice"> Torna all'indice ↑↑ </a></h3><br><br> <!-- tornare all'indice-->
  </p>

   
    <section align="center"><h2 id="competenze"> Le mie competenze </h2></section>  <!-- tag section -->
    <h3>Ecco l'elenco delle mie competenze da studente:</h3> <!-- prese dalle competenze chiave europee-->
    <OL TYPE="I">                                             <!-- OL per elenchi numerati o con lettere -->
    <LI >competenza alfabetica funzionale;</LI>
    <LI >competenza multilinguistica;</LI>
    <LI >competenza matematica;</LI>
    <LI >competenza di base in scienze e tecnologie;</LI>
    <LI >competenza digitale;</LI>
    <LI >capacità di imparare ad imparare;</LI>
    <LI >competenza sociale e civica;</LI>
    <LI >competenza imprenditoriale;</LI>
    </OL>
    <h3 align="center"><em>Se volete approfondire il tema delle competenze necessarie di uno studente nell'UE visitate il link:                                         <!-- tag em per rendere in corsivo   -->
    </em></h3><br>
  <p align="center">
    <a href="https://education.ec.europa.eu/it/focus-topics/improving-quality/key-competences" target="_blank">Competenze studente UE</A>                 <!-- link per un?altra scheda-->
    <h3 align="center"><a href="#indice"> Torna all'indice ↑↑ </a></h3><br><br>  <!-- tornare all'indice-->
  </p>
  

  
    <section align="center"><h2 id="voti"> I miei voti </h2></section> 
   <table width="500" border="1" cellspacing="1" cellpadding="1" align="center">     <!-- inizio tabella -->
    <thead align="center">
      <tr>
        <th>Materia</th>
        <th>Voto più alto</th>
        <th>Professore/Professoressa</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>Matematica</th>
        <th>9.5</th>
        <th>Ferreri</th>
      </tr>
      <tr>
        <th>Chimica</th>
        <th>10</th>
        <th>Scapini</th>
      </tr>
      <tr>
        <th>Fisica</th>
        <th>7.5</th>
        <th>Veronesi</th>
      </tr>
      <tr>
        <th>Italiano</th>
        <th>8</th>
        <th>Zimelli</th>
      </tr>
      <tr>
        <th>Disegno</th>
        <th>10</th>
        <th>Aloisio (il migliore)</th>
      </tr>
    </tbody>
   </table>
   <h3 align="center"><a href="#indice"> Torna all'indice ↑↑ </a></h3><br><br>  <!-- tornare all'indice-->
  

  
    <section> <h2 align="center" id="logo">Questo è il logo della scuola che frequento :)</h2> </section>
    <p align="center">
    <img src="https://www.galimoodle.it/orientamento/logo%20header.png" width="400" height="110" alt="logo galilei" >                                                 <!-- Immagine con attributo alt -->
    </p><br><br>
  

  <p align="center">
    <h2 align="center" id="mappa">Questa è la mappa del paese in cui vivo: Bovolone </h2> 
    <p align="center">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d44931.254331882934!2d11.076284638601908!3d45.263899093992116!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x477f6f6c5db49d33%3A0xa185481e903034c7!2s37051%20Bovolone%20VR!5e0!3m2!1sit!2sit!4v1771067340027!5m2!1sit!2sit" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>"             <!-- mappa di bovo -->
  </p>
    <h3 align="center"><a href="#inizio"> Torna all'inizio ↑↑ </a></h3><br><br>  <!-- tornare all'indice-->

  <footer> Autore: Marco Mantovani, 2F </footer>                    
</body>
</html>  <!-- Ho scritto il codice con codewith.it e poi l'ho caricato sul w3c validator, il risultato sono stati 7 errori e 21 warning dovuti principalmente ad attributi obsoleti -->