1
00:00:00,660 --> 00:00:04,430
Quindi il prossimo elemento di cui voglio parlare è il tavolo HCM.

2
00:00:04,770 --> 00:00:12,110
Quindi la tabella è come creiamo tabelle o tabelle come questa qui nella pagina indiana per la tabella.

3
00:00:12,480 --> 00:00:15,760
C'è un tavolo qui puoi vedere di un grafico.

4
00:00:16,620 --> 00:00:22,190
C'è un altro tavolo qui per i colori e poi ecco alcuni esempi dei tipi di cose

5
00:00:22,200 --> 00:00:23,090
su cui lavoreremo.

6
00:00:23,340 --> 00:00:25,300
Quindi questi sono tavoli in natura.

7
00:00:25,380 --> 00:00:26,560
Sono piuttosto semplici.

8
00:00:26,560 --> 00:00:31,470
styling ma sono molto utili per visualizzare le informazioni in formato tabellare.

9
00:00:31,470 --> 00:00:34,800
Ovviamente non sono le cose più belle senza

10
00:00:34,800 --> 00:00:37,580
Ho intenzione di andare avanti e commentare.

11
00:00:37,860 --> 00:00:47,870
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

12
00:00:49,980 --> 00:00:54,420
è il punto in cui diventa un po 'complicato perché ci sono diversi

13
00:00:54,420 --> 00:00:55,550
modi per farlo.

14
00:00:55,560 --> 00:01:03,810
Il primo che ti mostreremo è che scriviamo un elemento t che rappresenta la riga della tabella e che all'interno

15
00:01:03,810 --> 00:01:08,590
di ogni riga della tabella hai messo un elemento t d.

16
00:01:08,790 --> 00:01:14,040
scriverò questo solo per mostrarti una foto, poi torneremo e discuteremo.

17
00:01:14,040 --> 00:01:14,490
Quindi

18
00:01:14,490 --> 00:01:20,550
Così tiddy e metteremo un testo a caso qui, torniamo ai colori

19
00:01:20,880 --> 00:01:23,670
rosso e arancione e lasciamo perdere.

20
00:01:23,700 --> 00:01:27,150
Rinnovo la mia pagina e ho un bel tavolo.

21
00:01:27,150 --> 00:01:32,320
Tuttavia non ho alcun limite su questo tavolo, quindi è difficile vedere cosa sta succedendo.

22
00:01:32,460 --> 00:01:34,340
Lo faresti usando CSSA.

23
00:01:34,350 --> 00:01:41,040
Normalmente questa non è una grande idea il modo in cui l'ho fatto qui con un attributo border.

24
00:01:41,160 --> 00:01:43,760
Questo è un po 'il vecchio modo di farlo.

25
00:01:43,830 --> 00:01:51,150
In questo modo è possibile tornare indietro nel tempo, in pratica, prima che le cose diventassero più orientate a fare tutto il

26
00:01:51,180 --> 00:01:54,780
tuo stile nelle tue C in modo da poterlo fare ancora.

27
00:01:54,780 --> 00:01:56,960
Sto solo aggiungendo qui solo per mostrarti cosa sta succedendo.

28
00:01:57,120 --> 00:02:04,360
Quindi quello che ho fatto è una tabella che è una riga e ha due elementi per TDL invece di una riga.

29
00:02:04,770 --> 00:02:09,210
Quindi posso fare un'altra fila e farò il verde e il giallo

30
00:02:11,970 --> 00:02:12,600
e prenderò

31
00:02:16,260 --> 00:02:20,070
un momento per pensare a come dovrebbe apparire quando mi aggiorno.

32
00:02:20,070 --> 00:02:25,070
Abbiamo tutti due file ora rosso e arancione, giallo e verde.

33
00:02:25,890 --> 00:02:32,990
Quindi di nuovo abbiamo un tavolo che abbiamo t r per ogni riga e poi una T D per ogni cella.

34
00:02:33,900 --> 00:02:35,300
Quindi è grandioso.

35
00:02:35,310 --> 00:02:41,010
La prossima cosa che voglio mostrare è come creare un titolo sul tavolo, quindi cambiamo

36
00:02:41,010 --> 00:02:45,090
leggermente i nostri dati e facciamo questo tavolo sulle persone.

37
00:02:45,090 --> 00:02:55,920
Quindi avremo qualcosa come il nome e l'età e poi di seguito sapremo che il nome è o forse sono

38
00:02:55,920 --> 00:02:59,950
cani arrugginiti. Il mio cane deve guardarlo.

39
00:02:59,970 --> 00:03:04,130
Il mio altro cane che ha 13 anni e così via.

40
00:03:04,260 --> 00:03:11,250
Quindi per fare questo vogliamo che il nome e l'età facciano parte di un tipo di tabella del titolo in grassetto del tavolo.

41
00:03:11,250 --> 00:03:12,770
E quindi c'è un altro elemento.

42
00:03:13,080 --> 00:03:20,380
Faremo un'altra riga e invece di Tweedy useremo un tag chiamato Th.

43
00:03:20,940 --> 00:03:23,820
Quindi è per un'intestazione di tabella o di tabella.

44
00:03:24,370 --> 00:03:36,750
E avremo un nome e un'età e poi la nostra prima fila andrà avanti e riempiremo Rusty e la

45
00:03:36,750 --> 00:03:46,970
sua età sarà la nostra prossima fila sarà Wyatt e la sua età di 13 anni.

46
00:03:47,610 --> 00:03:49,220
Va bene per un cane.

47
00:03:49,590 --> 00:03:51,320
Quindi aggiorno la pagina.

48
00:03:51,540 --> 00:03:56,170
Oh bene, puoi vedere il mio bellissimo diagramma questo commento.

49
00:03:56,910 --> 00:03:58,240
E ora ecco il mio tavolo.

50
00:03:58,470 --> 00:04:04,440
Quindi ho il mio th in una riga e poi se avessi un'altra riga con due elementi e poi

51
00:04:04,530 --> 00:04:06,070
un'altra riga con due elementi.

52
00:04:06,150 --> 00:04:08,540
Quindi un'altra cosa che possiamo discutere qui.

53
00:04:08,850 --> 00:04:13,150
C'è un modo un po 'più complicato per fare esattamente la stessa tabella.

54
00:04:13,620 --> 00:04:19,590
Ed è davvero più complicato che sia solo un altro tag o due che dà più significato al nostro tavolo.

55
00:04:19,590 --> 00:04:25,900
Quindi adesso le nostre informazioni di intestazione sono due intestazioni che fanno parte di un normale TR.

56
00:04:26,100 --> 00:04:31,370
Quindi non c'è distinzione tra questo TR E questo TR Sono entrambi solo righe di tabella.

57
00:04:31,680 --> 00:04:38,040
Bene all'inizio di tutti e cinque di nuovo l'enfasi è sul rendere ogni squadra fuori e avere un markup che è

58
00:04:38,040 --> 00:04:38,620
alquanto significativo.

59
00:04:38,640 --> 00:04:43,860
In modo che se qualche altro codice sta guardando questo sito e qualcuno che sta usando un codice di screen

60
00:04:43,860 --> 00:04:49,440
reader per lo screen reader può vedere il mio vecchio HMO e leggerlo e saprà che l'intestazione in esso saprà quale

61
00:04:49,440 --> 00:04:55,350
sarà il corpo della tabella che potrebbe comportarsi in modo leggermente diverso rispetto a quando legge tutte le strade ad alta voce.

62
00:04:55,350 --> 00:05:04,830
Quindi, ciò che facciamo sono due elementi che possiamo aggiungere e c'è una testa T e un corpo t

63
00:05:04,830 --> 00:05:08,670
e questi non faranno alcuna differenza nell'aspetto.

64
00:05:08,860 --> 00:05:16,800
Ma quello che posso fare è semplicemente spostare l'intestazione roba tutto ciò che corrisponde a questa parte superiore in una testa a T.

65
00:05:18,810 --> 00:05:24,270
E poi quello che farò è spostare il corpo reale del tavolo tutto

66
00:05:27,060 --> 00:05:31,610
il contenuto nel corpo così sembra identico che nulla dovrebbe cambiare.

67
00:05:31,770 --> 00:05:36,930
Facciamo un altro rapido per cambiare qui, quindi aggiungiamo un'altra colonna, quindi questo sarà

68
00:05:37,260 --> 00:05:38,870
il nome età e razza.

69
00:05:39,690 --> 00:05:46,320
Quindi resti è un bastardino e perché è d'oro.

70
00:05:46,950 --> 00:05:47,610
Eccoci.

71
00:05:47,760 --> 00:05:50,340
Quindi questa è la base delle tabelle.

72
00:05:50,340 --> 00:05:52,470
Di nuovo, di solito non sono così brutti.

73
00:05:52,470 --> 00:05:57,450
Di solito usiamo C S S e quindi questa è solo una tabella normale senza alcuno stile.

74
00:05:57,450 --> 00:06:01,380
E poi andremo a vedere valutare e modificare i caratteri e aggiungere un bordo e colori di sfondo e tutto

75
00:06:01,380 --> 00:06:01,880
il resto.

76
00:06:02,130 --> 00:06:02,930
Ok, bene.