You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
border-collapse: collapse; /* Junta as bordas, ou escolho o separated que é o padrão */
15
+
}
16
+
tr.linha{
17
+
background-color: gray;
18
+
}
19
+
td {
20
+
border:1px solid black;
21
+
padding:8px;
22
+
text-align: center; /* Alinhamento horizontal (central, ou left ou right) */
23
+
vertical-align: middle; /* Ou bottom e top para alinhar com a linha de cima e de baixo */
24
+
}
25
+
td.dado{
26
+
background-color: yellow;
27
+
}
28
+
</style>
29
+
</head>
30
+
<body>
31
+
<h1>Minha primeira tabela</h1>
32
+
33
+
<!-- HIERARQUIA DE TABELAS (simples)
34
+
TABLE = tabela
35
+
TABLE ROW = linha de tabela (tr)
36
+
TABLE HEADER = cabeçalho de tabela
37
+
TABLE DATA = dado de tabela (td) -->
38
+
<table>
39
+
<tr><!-- Primeira linha-->
40
+
<td>A1</td>
41
+
<td>B1</td>
42
+
<td>C1</td>
43
+
</tr>
44
+
<trclass="linha">
45
+
<td>A2</td>
46
+
<td>B2</td>
47
+
<td>C2</td>
48
+
</tr>
49
+
<tr>
50
+
<td>A3</td>
51
+
<td>B3</td>
52
+
<td>C3</td>
53
+
</tr>
54
+
<tr>
55
+
<td>A4</td>
56
+
<tdclass="dado">B4</td>
57
+
<td>C4</td>
58
+
</tr>
59
+
</table>
60
+
61
+
<!-- A B C
62
+
1 A1 / B1 / C1
63
+
2 A2 / B2 / C2
64
+
3 A3 / B3 / C3
65
+
4 A4/ B4 / C4
66
+
-->
67
+
68
+
<!--
69
+
Após digitar table, para criar várias tr e td de uma vez, é só usar: tr*4>td*3
70
+
-->
71
+
72
+
<!-- tr e td seguem uma hierarquia certinho como vimos anteriormente, eles tambem não precisam de tag de fechamento apenas abertura, não é obrigatorio. -->
0 commit comments