>> SPEAKER 1: Supponiamo che abbiate una dati tabulari che vuoi il layout
in una pagina web in una tabella, con righe e colonne.
Come possiamo fare questo?
>> Beh, in anticipo, qui ho ottenuto iniziato con table.html, con qualche
tag aperti e alcuni tag chiusi.
All'interno del corpo ora, diamo includere il tag table.
E preventivamente, così non lo faccio dimenticare, andiamo includono il tavolo vicino
tag pure.
All'interno di questo, cerchiamo di specificare una riga di tabella con un tag TR.
E, anche preventivamente, chiudere tale.
>> Ora, all'interno di questa riga, definiamo l' colonne o dati che saranno
all'interno di tali colonne, o le cellule in esso.
Per fare questo, usiamo l' tag td per i dati della tabella.
Aprire la staffa td vicino staffa.
E ora, che ne dite di iniziare la simulazione numeri di un telefono.
Cominciamo con uno, e poi chiudere questo tag dati di tabella.
Apriamo una nuova con 2.
Chiudere quella pure.
E poi un terzo.
td 3 vicino td.
>> Dove sto andando con questo?
Beh, io sostengo che perché abbiamo una riga della tabella, all'interno della quale abbiamo
tre dati della tabella, abbiamo essenzialmente hanno l'inizio di una tabella che ha un
riga e tre colonne.
Vediamo ora dare qualche righe aggiuntive.
>> Sotto il tag di chiusura TR, apriamo un altro tag tr e preventivamente chiudere
quella pure.
All'interno di questo, andiamo ora fare td 4, 5 td, e td 6.
Sotto tale riga, facciamo un terzo.
Riga della tabella aprire, chiudere riga della tabella.
All'interno di questo, td 7, td 8, e 9 td.
>> Infine, giusto per rendere le cose interessanti, cerchiamo di completare il fondo
di questo pad telefono.
Aprire tr tr e chiudere.
E dentro di questo, stella td, td 0, e la libbra td.
Vediamo ora salvare il file, modifica suoi permessi e
visualizzarlo con un browser.
>> Chmod a + r table.html.
Vediamo ora aprire Chrome.
http://localhost/table.html.
E lì abbiamo quello che sembra per essere una tabella HTML.
Essa non abbastanza sembra che mi aspettavo.
Diamo almeno aggiungere un bordo intorno ora tutte queste celle.
>> Torniamo a gedit e scorrere fino al tag tabella stessa.
E aggiungiamo un attributo, noto come "Confine", che specifica un numerico
valore per la larghezza di un bordo.
Border è uguale tra virgolette 1, dove 1 indica la larghezza
del bordo della tabella.
Salviamo il file e ricaricare la pagina nel mio browser.
>> Torna in Chrome, ricaricare.
E lì abbiamo.
Molto brutto, ma comunque dati tabulari.