portfolio_marco_mantovani.html by @Utente4567899 - Codewith.it

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

Referenze

<h6>Titolo di intestazione di sesto livello
postDefinisce un metodo di invio di dati al server
<map>Inserisce immagini mappa cliccabili in un documento
<aside>Definisce un contenuto separato dal testo perincipale
disabledImpedisce la modifica di un input
<tfoot>Definisce il footer o sezione inferiore di una tabella.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

I beneficii di avere un cane

UX / Web Design, Freelance – Pro

Menu di Pizzeria Rebeka a Modena -

tabella con immagine

JS Istruzioni condizionali es3

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