Quindi il prossimo elemento di cui voglio parlare è il tavolo HCM.
Quindi la tabella è come creiamo tabelle o tabelle come questa qui nella pagina indiana per la tabella.
C'è un tavolo qui puoi vedere di un grafico.
C'è un altro tavolo qui per i colori e poi ecco alcuni esempi dei tipi di cose
su cui lavoreremo.
Quindi questi sono tavoli in natura.
Sono piuttosto semplici.
styling ma sono molto utili per visualizzare le informazioni in formato tabellare.
Ovviamente non sono le cose più belle senza
Ho intenzione di andare avanti e commentare.
Un sacco di questo file viene ricordato nella barra di comando sublime e ho intenzione di inserire un nuovo elemento tabella e all'interno di ogni tabella e questo
è il punto in cui diventa un po 'complicato perché ci sono diversi
modi per farlo.
Il primo che ti mostreremo è che scriviamo un elemento t che rappresenta la riga della tabella e che all'interno
di ogni riga della tabella hai messo un elemento t d.
scriverò questo solo per mostrarti una foto, poi torneremo e discuteremo.
Quindi
Così tiddy e metteremo un testo a caso qui, torniamo ai colori
rosso e arancione e lasciamo perdere.
Rinnovo la mia pagina e ho un bel tavolo.
Tuttavia non ho alcun limite su questo tavolo, quindi è difficile vedere cosa sta succedendo.
Lo faresti usando CSSA.
Normalmente questa non è una grande idea il modo in cui l'ho fatto qui con un attributo border.
Questo è un po 'il vecchio modo di farlo.
In questo modo è possibile tornare indietro nel tempo, in pratica, prima che le cose diventassero più orientate a fare tutto il
tuo stile nelle tue C in modo da poterlo fare ancora.
Sto solo aggiungendo qui solo per mostrarti cosa sta succedendo.
Quindi quello che ho fatto è una tabella che è una riga e ha due elementi per TDL invece di una riga.
Quindi posso fare un'altra fila e farò il verde e il giallo
e prenderò
un momento per pensare a come dovrebbe apparire quando mi aggiorno.
Abbiamo tutti due file ora rosso e arancione, giallo e verde.
Quindi di nuovo abbiamo un tavolo che abbiamo t r per ogni riga e poi una T D per ogni cella.
Quindi è grandioso.
La prossima cosa che voglio mostrare è come creare un titolo sul tavolo, quindi cambiamo
leggermente i nostri dati e facciamo questo tavolo sulle persone.
Quindi avremo qualcosa come il nome e l'età e poi di seguito sapremo che il nome è o forse sono
cani arrugginiti. Il mio cane deve guardarlo.
Il mio altro cane che ha 13 anni e così via.
Quindi per fare questo vogliamo che il nome e l'età facciano parte di un tipo di tabella del titolo in grassetto del tavolo.
E quindi c'è un altro elemento.
Faremo un'altra riga e invece di Tweedy useremo un tag chiamato Th.
Quindi è per un'intestazione di tabella o di tabella.
E avremo un nome e un'età e poi la nostra prima fila andrà avanti e riempiremo Rusty e la
sua età sarà la nostra prossima fila sarà Wyatt e la sua età di 13 anni.
Va bene per un cane.
Quindi aggiorno la pagina.
Oh bene, puoi vedere il mio bellissimo diagramma questo commento.
E ora ecco il mio tavolo.
Quindi ho il mio th in una riga e poi se avessi un'altra riga con due elementi e poi
un'altra riga con due elementi.
Quindi un'altra cosa che possiamo discutere qui.
C'è un modo un po 'più complicato per fare esattamente la stessa tabella.
Ed è davvero più complicato che sia solo un altro tag o due che dà più significato al nostro tavolo.
Quindi adesso le nostre informazioni di intestazione sono due intestazioni che fanno parte di un normale TR.
Quindi non c'è distinzione tra questo TR E questo TR Sono entrambi solo righe di tabella.
Bene all'inizio di tutti e cinque di nuovo l'enfasi è sul rendere ogni squadra fuori e avere un markup che è
alquanto significativo.
In modo che se qualche altro codice sta guardando questo sito e qualcuno che sta usando un codice di screen
reader per lo screen reader può vedere il mio vecchio HMO e leggerlo e saprà che l'intestazione in esso saprà quale
sarà il corpo della tabella che potrebbe comportarsi in modo leggermente diverso rispetto a quando legge tutte le strade ad alta voce.
Quindi, ciò che facciamo sono due elementi che possiamo aggiungere e c'è una testa T e un corpo t
e questi non faranno alcuna differenza nell'aspetto.
Ma quello che posso fare è semplicemente spostare l'intestazione roba tutto ciò che corrisponde a questa parte superiore in una testa a T.
E poi quello che farò è spostare il corpo reale del tavolo tutto
il contenuto nel corpo così sembra identico che nulla dovrebbe cambiare.
Facciamo un altro rapido per cambiare qui, quindi aggiungiamo un'altra colonna, quindi questo sarà
il nome età e razza.
Quindi resti è un bastardino e perché è d'oro.
Eccoci.
Quindi questa è la base delle tabelle.
Di nuovo, di solito non sono così brutti.
Di solito usiamo C S S e quindi questa è solo una tabella normale senza alcuno stile.
E poi andremo a vedere valutare e modificare i caratteri e aggiungere un bordo e colori di sfondo e tutto
il resto.
Ok, bene.