html classe by @Rosa3.0 - Codewith.it

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

References

<thead>Definisce un gruppo di intestazione all'interno di una tabella.
<td>Definisce una cella di una tabella HTML.
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
widthImposta la larghezza di un elemento HTML
disabledImpedisce la modifica di un input
mutedL'attributo muted viene utilizzato impostare risorse HTML audio e video con volume muto

Users

Log in to search for users

Explore

Find inspiration

DEMO: Hi-Lo Game

Questionario Serie A

Crunchyroll Replica

Old html delajo - Download e Prezzi

Basketball Legends

JS Elementi del linguaggio es2

ESERCIZI RIEPILOGATIVI - 1

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>

*{ }