tabella con foto e collegamenti ip by @gaiarossii3 - Codewith.it

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

Referenze

classDefinisce una o più classi per elemento
<h1>Titolo di intestazione di primo livello
<meta>Definisce i meta dati di una pagina web.
dirnameInvia informazioni sulla direzione di scrittura da un elemento input
<nav>Definisce un menu di navigazione
<tr>Definisce le righe di una tabella (rows)

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Italiano-Cinema [Container]

Tabella Base con Email

Esercizi 05/03/2024 es3

Prenotazione Appuntamento

Esercizio LISTA

altro esercizio tabella

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 lang="it">
  <head>
       <title>  Costruzione di tabella con html5    </title>
  </head>
   <!--oggi le tabelle -->

  <body>
    <table border="1" cellpadding="8" cellspacing="1">
      <!-- -->
      <caption> Gli studenti della facoltà </caption>
      <tr> 
        <th colspan="5" style="border:3px; color:red;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">  <img src= "https://previews.123rf.com/images/tarasolynskyi/tarasolynskyi1607/tarasolynskyi160700030/60728158-un-illustrazione-di-vettore-dello-studente-ind%C3%B9-felice-del-fumetto.jpg" alt="studente" style="width:150px; hight:280px; border: 5px solid red"> </td>
        <td> OLANDA  </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> <a href="https://www.google.com/url?sa=i&url=https%3A%2F%2Fit.123rf.com%2Fphoto_60728158_un-illustrazione-di-vettore-dello-studente-ind%25C3%25B9-felice-del-fumetto.html&psig=AOvVaw2r_Gzs35WegVC05jAu-U6M&ust=1699106989039000&source=images&cd=vfe&opi=89978449&ved=0CBEQjRxqFwoTCJj62vaAqIIDFQAAAAAdAAAAABAK"> olanda </a> </td>
        <td> 5 </td>
      </tr>

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