html classe by @Rosa3.0 - Codewith.it

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

References

animationDefinisce i parametri dell'animazione di un elemento o selettore
minlengthDetermina il numero minimo di caratteri per un elemento input
<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.
listCollega un elemento input con una lista di opzioni datalist
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
<h1>Titolo di intestazione di primo livello

Users

Log in to search for users

Explore

Find inspiration

Tabelle con inserimento immagini

Esercizi 01/03/2024 es1

Costruzione di tabella con html5

Modulo preventivo

fibonacci manoel

esercizio_tabella.htm.

riepilogativo 2

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>
<html>
  <head>
    <title>Titolo Pagina</title>
  </head>
  
  <body>
    <h1 style="background-color:yellow; text-align: center;">Hello, my name is Rosa</h1>
      <h2 style="border:2px solid red;">This is my website</h2>
       <h3 style="color:red;"> Titolo: la mia vita con gli animali</h3>
          <p style="font-family:arial; font-size:14"> Netus ut olimpus aquitrinum etiam nisl suscipit libero non mon quam duis quam integer platea ligula arcu convallis ipsum trevai </p>
          <p style="color:rgb(2000,120,15);">
          piccolo e piccola sono i miei migliori amici /
          </p>
            <p>in esadecimale # e poi 6 caratteri </p>
    
    
    
    <ol>
      <li> Nera   </li>
      <li> Puzzola</li>
      <li> Topa   </li>
      
     </ol> 
    <ul>
       <li> Piccolo   </li>
       <li> Topo   </li>       
    </ul>
    
    <h2 style="font:family-vcalibri;font-size:24">
      Formula molto importante
    </h2>
    <p style="font:family-calibri;font-size:24;color:black">
      E=mc <b style="font-size:28";><sup>2</sup></b> </p>
  
  </body>
  
  
  


   <body> <title>Costruzione tabella</title>
     <h2 style="text-align:center">
       tabella base </h2>
    <table cellpadding=20 align="center" style="width:80%;border: 3px solid red">
      <tr><th style="border:4px solid yellow">Nome</th><th style="border: 4px solid yellow">Cognome</th><th style="border: 4px solid yellow">Età</th><tr></tr>
      <tr>
        <td style="border:1px solid black;background-color:#7fffd4">Andrea  </td>
        <td style="border:1px solid black">Rossi </td>
        <td style="border:1px solid black" > 28</td>
      
      </tr>
      <tr><td style="text-align:center;">Anna</td>
        <td> <img src="https://www.quattrozampe.online/wp-content/uploads/2015/02/setter-irlandese-1.jpg" style="width:320px; height:300px"></td>
      <td style="text-align:center;">24</td>
       
        
      </tr>
     </table> 
     
     
     
     
<br>
<br>     
<br>     

     
  <h1>
    Immagine </h1>   
     <center>
     <img src="https://www.quattrozampe.online/wp-content/uploads/2015/02/setter-irlandese-1.jpg" style="width:320px; height:300px">
     </center>
     <br>
     <br>
     <br>
     
    <center> 
  <img src="https://www.ilmiogattoeleggenda.it/wp-content/uploads/2020/04/Siamese.jpg" style="width200px;height:180px">
     </center>
      <p style="text-align:center">
        gatto siamese 
     </p> 
    <p>
      il gatto <a href="">siamese</a> ha i "calzini scuri come il musetto e si caratterizza per gli occhi azzurri"
     </p>
     <center>
     <img src="https://www.varesenews.it/photogallery_new/images/2013/08/gattino-gatto-nero-71648.610x431.jpg" style="width:240px;height:180px">
     
     </center> <p style="text-align:center">gattino a 30 giorni dalla nascita</p> 
  </body>
  <body>
    <H1 style="color:red; text-align:center">
      Raccolta dati
    </H1>
    <fieldset>
    <legend>
      <b>CONTATTI PERSONALI</b>
      </legend>  
    
    <form id=contatti methodethod="post" action="mailto:mario.rossi@gmail.it"encty="text/plain":>
       
      <br>
      <li> NOME </li>
      <br>
      <input type="text" name="nome" style="width:300px" placeholder="nome" required>
      
      <br>
       <br>
      <li> COGNOME </li>
      <br>
      <input type="text" name="cognome" required>
       <br>
       <br>
      <li>MAIL </li>
      <br>
      <input type="text" name="email"required>
       <br>
       <br> 
      <fieldset>
        
     
      
      <input type="checkbox" name="consenso" value="consenso trattamento dati"required> consenso al trattamento dati <a herf="https://www.varesenews.it/2016/11/chi-ha-paura-del-gatto-nero/569883/" required> regolamento della privacy</a> 
   
      <br>
      <br>
      <input type="button" value="INVIA DATI">  </fieldset></form>
   </fieldset>
  </body>
</html>

*{ }