html classe by @Rosa3.0 - Codewith.it

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

References

dirnameInvia informazioni sulla direzione di scrittura da un elemento input
<li>Inserisce voci all'interno di una lista
disabledImpedisce la modifica di un input
animationDefinisce i parametri dell'animazione di un elemento o selettore
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
<video>Integra e controlla video in una pagina HTML

Users

Log in to search for users

Explore

Find inspiration

Prova javascript

prova ennesima tabella

Esercizio fatto benissimo

Comunicare sul Web [Template HTML]

Orologio Analitico

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>

*{ }