TABELLE by @Noemibadano - Codewith.it

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

Referenze

<br>Inserisce uno spazio vuoto tra due elementi HTML.
Inserisce un commento nel codice
<link>Collega il documento corrente con una risorsa esterna
<abbr>Inserisce abbreviazioni e acronimi
formSpecifica a quale form appartiene un elemento.
downloadConsente di scaricare file al click di collegamento ipertestuale.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Review of Functions I

Department Staff Updates

La magica storia di Peter Pan_Laura

formula1_avanzata.html.

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>Studio html</title>
</head>
<body>
  <p>table --> tabella inizio fine </p>
<p>se voglio caratteristiche taballe le devo mettere dentro tag table. Esempio: <br><br>
table border ="1" cellpadding ="8" cellspacing="1" <br> <br>border--> bordo tabella; <br> cellpadding--> dimensione celle; <br> cellspacing--> spazio tra le celle <br><br>
align=left/center/right --- allineamento tabella <br>width=”n” --- larghezza tabella in px<br>
background color="red" --> colore sfondo tabella</p>
 
<table border ="1" cellpadding ="8" cellspacing="1">

<caption> caption--> titolo tabella </caption>

  <tr style="background-color:yellow">
    <th style ="width:200">NOME STUDENTE</th>
    <th style ="width:400"></th>
    <th style ="width:180"></th>
    <th style="background-color:red; width:300">
    </th>
    <th></td> </th></tr>


  <tr>
    <td>colspan="3">mamma</td>
    <td>a</td>
    <td>a</td>
    <td>a</td>
    <td>a</td> </tr>

</table>

<p> tr --> riga di celle, metto ogni volta che voglio riga <br><br> tr style="background-color:yellow"--> sfondo riga
dopo tr a capo metto o th o td
<br>
<br>th --> cella intestazione (grassetto)
<br>td--> cella con informazioni (datacell)<br>
<br>le celle possono avere degli attributi:
<br> th/td colspan="n"--> cella che occupa più colonne (mamma)
<br>th/td rowspan="n"--> cella che occupa più righe (papà)

<table  border ="1" cellpadding ="8" cellspacing="1">
<tr>
    <td colspan="4">mamma</td>
    <td>a</td>
    <td>a</td> </tr>
<tr>
  <td>ciao</td>
<td>ciao</td>
<tr>
    <td rowspan="4">papà</td>
    <td>a</td>
    <td>a</td> </tr>
<tr>
    <td>ciao</td>
    <td>a</td>
    <td>a</td> </tr>

  
 <tfoot> <tr>
    <td>e</td>
    <td>e</td>
    <td>e</td> </tr></tfoot>

<tr>
  <td>b</td></tr>
</table>

<p>il piè di pagina (in questo caso le "e")lo metto come se fosse un normale tr + td/th, ma mettendo prima e dopo tr il tag "tfoot"</p>










</body>
</html>