altro esercizio tabella by @benkal - Codewith.it

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

References

<tr>Definisce le righe di una tabella (rows)
listCollega un elemento input con una lista di opzioni datalist
methodDetermina il metodo di invio dei dati di un form al server
sizeDetermina le dimensioni dell'elemento in base al valore contenuto
_parentApre collegamenti ipertestuali nell'elemento genitore
<title>Definisce il titolo della pagina web.

Users

Log in to search for users

Explore

Find inspiration

esercitazione 3

Esercizi 05/03/2024 es10

esercitazione8.html

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>