Esercizio by @Aurors - Codewith.it

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

Referenze

typeSpecifica la tipologia/funzione di un elemento.
minImposta il valore numerico o temporale minimo per un elemento input
<aside>Definisce un contenuto separato dal testo perincipale
langSpecifica la lingua del contenuto di un elemento
multipart/form-dataCodifica dei caratteri di un form
<cite>Inserisce citazioni e menzioni riguardo un'opera creativa.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

I Giornali sul Web

Curriculum vitae

no cap animazione

GreenBox - Giardinaggio a casa tua

JS Esercizio Concetti Gen es3

Contatore di Click

Pagina di esempio

I miei progressi

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>
    <style></style>
    <script></script>
  </head>
  <body>
    <h2 style="font-size:14; font-family:calibri"><b>ESERCIZIO RIEPILOGATIVO TABELLE</b></h2>
    <h1 style="color:green;">Benvenuto in Codewith.it</h1>
    <p style="color:blue; background-color:yellow; text-align:center">scrivi il tuo codice HTML per costruire la pagina di seguito</p>
    <p style="color:blue; font-size:18">Visualizza gli effetti nell'area di output</p>
    <br>
    <br>
    <p style="background-color:yellow; border:2px solid red; text-align:center"><b>Presta attenzione quando digiti caratteri e spazi</b></p>
    <p style="background-color:orange; border:3px solid green; text-align:right">buon lavoro</p>
    <p>tabella riepilogativa</p>
    
    
        <table align="center" style ="border:3px solid green;  width:400  hight:250;">
      <tr>
        <th style ="border:3px solid green;"> NOME</th>
        <th style ="border:3px solid green;">COGNOME</th>
        <th style ="border:3px solid green; width:250">ETA'</th>
      </tr>
      <br>
      <tr style="text-align:center">
        <td style="width:50">laura</td>
        <td style="text-align:left">rossi</td>
        <td style="text-align:left">45</td>
    
      </tr>
      <tr style="text-align:center">
        <td rowspan="2" style ="border:3px solid green;width:90;" >mario</td>
        <td  style ="border:3px solid green;width:90;text-align:right">verdi</td> <td style="text-align:left">42</td></tr>
       <tr> <td style="text-align:right">bianchi</td>
        <td>54</td>
       
      </tr>
    
      
      <tr style="height:200">
        <td style ="border:3px solid red;width:90;text-align:left" >paola</td>
        <td  style ="border:3px solid red;width:90;text-align:left">verdi</td>
        <td style ="border:4px solid red"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQphyBaJpKmZLPg_81UYohmp3VmFwyi4u2rCA&usqp=CAU">
        
      
      
      </tr>
    </table>
  </body>
</html>

*{ }