[Piero06's Pillola 4] Formattare le tabelle

[lv4er]

Originariamente inviato da piero06
Grazie !

Io le uso sempre le tabelle ! :metallica

ankio uso sempre le tabelle, ma ultimamente mi fanno girare....

[Mutato]

Originariamente inviato da piero06
perchè è un pò più largha e quindi ti taglia un pezzo.. prova a copiarlo su word e stampa da li

Non basta un editor di testo?? Word sta al blocco note come le tabelle stanno ai DIV.

[blakwolf]

non è per rompere come sempre ma ora il vostro vecchio caro zietto blakwolf (o Nemo) vi insegna gli accorgimenti da applicare ad una tabella per renderla accessibile

Tabelle Accessibili

una tabella è da considerarsi come un elemento che incapsula dati tabellari (non è fatta per impaginare ma si può usare) in ogni caso una specifica di tabella corretta è questa

<table dir="ltr" border="1" cellpadding="0" cellspacing="0" summary="Tabella di esempio">
	<caption>Tabella di esempio</caption>
	<thead>
		<tr>
			<th colspan="2">Intestazione</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
			<td colspan="2">Pi&egrave; di pagina</td>
		</tr>
	</tfoot>
	<tbody>
		<tr>
			<th colspan="2">Titolo contenuti primari</th>
		</tr>
			<tr>
				<td>Primo contenuto</td>
				<td>Secondo contenuto</td>
			</tr>
			<tr>
				<td>Primo contenuto</td>
				<td>Secondo contenuto</td>
			</tr>
	</tbody>
	<tbody>
		<tr>
			<th colspan="2">Titolo contenuti secondari</th>
		</tr>
			<tr>
				<td>Primo contenuto</td>
				<td>Secondo contenuto</td>
			</tr>
	</tbody>
</table>

ora vi spiego i seguenti elementi o parametri

<table dir="ltr" border="1" cellpadding="0" cellspacing="0" summary="Tabella di esempio">

qui notiamo che si dichiara la direzione di lettura da sinistra a destra, la stessa può essere invertita con rtl, inoltre è possibile dichiarare la lingua degli elementi con lang="it". Summary è invece l'elemento che dichiara il sommario della tabella e ciò che contiene.

<caption>Tabella di esempio</caption>

il Caption è il descrittivo generale della tabella e di cosa presenta

<thead>
<tr>
<th colspan="2">Intestazione</th>
</tr>
</thead>

il thead è la testa della tabella che presenta cosa va messo in intestazione della stessa, è un po il titolo, mentre th è una cella titolo vera è propria che identifica una colonna o una sezione =)

<tfoot>
<tr>
<td colspan="2">Pi&egrave; di pagina</td>
</tr>
</tfoot>

il tfoot è il piè di pagina di una tabella dove si presentano spesso le informazioni aggiuntive

ATTENZIONE THEAD E TFOOT SONO CONSECUTIVI

i normali contenuti vanno invece tra i tbody che sono i vari corpi della pagina, che servono a distinguere sezioni diverse di contenuti

spero di avervi aiutati =)

[Mutato]

Ehi Uncino sai che mi sono accorto che non so piu' scrivere una tabella a mano

meno male che ci siete voi