altro esercizio tabella by @benkal - Codewith.it

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

References

valueValore alfanumerico o booleano contenuto in un elemento
headersDetermina la relazione tra celle e celle di intestazione di una tabella.
<blockquote>Inserisce citazioni in un documento HTML
<h4>Titolo di intestazione di quarto livello
heightDetermina l'altezza di un elemento HTML in pixel
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.

Users

Log in to search for users

Explore

Find inspiration

La cicala e la formica

Il tuo link per il download è pro

ESAME (TORTA DELLA NONNA)

preparazione esame

Form per il torneo misto disfo

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> altro esercizio tabella </title>
    <style>
      p {color:orange; text-transform:uppercase; text-indent:12px; text-align:center}
     
      table,th,td {text-align:center; text-transform:uppercase; border:4px solid black}
      </style>
  </head>
  <body>
    <table border="1px" cellspacing="2px" cellpadding="8px">
      <caption> Gli studenti della facoltà </caption>
      <tr>
        <td colspan="5" style="background-color:grey"> <b>schedatura studenti</b> </td>
      </tr>
      <tr style="background-color:yellow">
        <th> nome studente </th>
        <th> matricola </th>
        <th> facoltà </th>
        <th style="background-color:orange"> nazione provenienza </th>
        <th>esami</th>
      </tr>
      <tr>
        <td rowspan="3"> mario rossi </td>
        <td> 51447 </td>
        <td rowspan="3"> chimica </td>
        <td>
          <figure>
          <center>
            <img src="E:\SITO_WEB\IMMAGINI\moon.jpg" alt="questa immagine rappresenta una studentessa" style="height:150px; widht:150px; border:3px solid red; text-align:left; text-transform:lowercase; color:grey">
            <figcaption> <p>questa è una didascalia</p> </figcaption>
          </center>
          </figure>
        </td>
        <td style="background-color:light blue"> 5 </td>
      </tr>
      <tr>
        <td> 51447 </td>
        <td> olanda </td>
        <td> 5 </td>
      </tr>
      <tr>
        <td> 51447 </td>
        <td>
          <figure>
            <center>
              <img src="E:\SITO_WEB\IMMAGINI\cane1.jpg" alt="cane">
              <figcaption> <p>un cucciolo</p></figcaption>
            </center>
          </figure>
        </td>
        <td>
          <a href="https://www.w3schools.com/cssref/pr_text_text-indent.php"> 5 </a>
        </td>
      </tr>
      <tfoot>
        <tr>
          <td> <b>a.a 2023-2024</b></td>
          <td> <b>studenti</b></td>
          <td style="background-color:green; color:red" colspan="3"> <b>123.456</b></td>
        </tr>
      </tfoot>
    </table>
  </body>
</html>