Costruzione di tabella con html5 by @Sarapiaggio - Codewith.it

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

References

widthImposta la larghezza di un elemento HTML
<meta>Definisce i meta dati di una pagina web.
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
<li>Inserisce voci all'interno di una lista
<tr>Definisce le righe di una tabella (rows)
<select>Usato per creare un menu a tendina.

Users

Log in to search for users

Explore

Find inspiration

I giornali online

BasicStructure.html

esercizio di formattazione del tes

basicStructure 2

Riprova verifica di progr

Esercitazione n.1

Esercitazione 1

black - social bar

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 lang="it">
  <head>
       <title>  Costruzione di tabella con html5    </title>
       <style>
       
       
       p{color:orange;
       text-indent:12px;
       text-transform:uppercase;
       text-align: center}


       table, th, td {
  border: 3px solid black;
  text-align:center;
}




        </style>


        
  </head>
   <!--oggi le tabelle -->

  <body>
    <table border="1" cellpadding="8" cellspacing="1">
      <!-- -->
      <caption> Gli studenti della facoltà </caption>
      <tr> 
        <th colspan="5" style="background-color:grey";>SCHEDATURA STUDENTI   </th>
      </tr>
      <tr  style="background-color:yellow";>
        <th style="width:200";> NOME STUDENTE </th>
        <th style="width:120";>MATRICOLA</th>
        <th  style="width:150";>  FACOLTA'</th>
        <th style="background-color:orange;width:250";> NAZIONE PROVENIENZA</th>
        <th>ESAMI DATI</th>
      </tr>

      <tr>
        <td rowspan="3"> MARIO ROSSI </td>
        <td> 51447 </td>
        <td rowspan="3"> CHIMICA </td>
        <td> <figure>
<img src="E:\SITO_WEB\IMMAGINI\moon.jpg"    alt="Questa immagine rappresenta una studentessa"  style="width:200px; hight=500px;border:5px solid red";> 
<figcaption>
<p>Questa è una didascalia dell'immagine.</p>
</figcaption>
</figure> </td>
        <td style="background-color:lightblue";> 5 </td>
      </tr>
<tr>
        
        <td> 51447 </td>
        <td> OLANDA  </td>
        <td> 5 </td>
      </tr>


<tr>
        
        <td> 51447 </td>
        <td><figure><img src=" E:\SITO_WEB\IMMAGINI\cane1.jpg" alt="cane">
			<figcaption><p> Un cucciolo </p> </figcaption></figure></td>
        <td> 5 </td>
      </tr>

<tfoot>
<tr>
        <td><b> A.A 2023-2024</b> </td>
        <td><b> Studenti </b> </td>
        <td colspan="3" style="color:red;background-color:lightgreen"; ><b> 123.458</b> </td>
        
      </tr>
    
</tfoot>
    </table>
  </body>
</html>