portfolio_marco_mantovani.html by @Utente4567899 - Codewith.it

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

References

<hr>Inserisce una linea orizzontale
<label>Mostrare un testo di etichetta per un elemento di input.
<caption>Definisce didascalie all'interno di una tabella
animation-delayDetermina il tempo prima dell'avvio di una animazione in secondi (es. 1s) o millisecondi (ms)
<i>Formatta il testo in corsivo/italico non enfatizzato
autocompleteIndica l'opzione di auto completamento delle aree di input e/o di un form

Users

Log in to search for users

Explore

Find inspiration

POESIA UNA AL GIORNO

copia dicountdownfineanno

meraviglieItalia

La mia prima pagina HTML

Costruzione di tabella con html5

Tabella matricole

GOAT O1200 LiDAR PRO

Link sito di Jacopo Picco

girar-imagem-canvas

portfolio-Davide-Cantore.html

ESERCITAZIONE ORSI

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

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