html classe by @Rosa3.0 - Codewith.it

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

Referenze

<head>Tag primario di un documento HTML
<textarea>Area di testo libero espandibile per form HTML
rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
<input>Definisce un area di input per l'invio di dati e informazioni
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form
listCollega un elemento input con una lista di opzioni datalist

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Esercizi 05/03/2024 es6

Collegamenti ipertestuali

Gesù nostro signore(2)

Form per il torneo misto dis

Copia testo in appunti

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

*{ }