portfolio_marco_mantovani.html by @Utente4567899 - Codewith.it

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

Referenze

loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio
multipart/form-dataCodifica dei caratteri di un form
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
forSpecifica a quale id è associato l'elemento in cui è dichiarato.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Supermercato si

Italiano-Cinema [Container]

HTML Schwabisch

Esercizio 1 - 27/11

console elements(2)

JavaScript Debug Console

ciao io sono sara

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