Alguém pode me ajudar a fazer uma tabela com códigos a html
Soluções para a tarefa
Resposta:
Demorei mas cheguei: Tu pode alterar os valores das Td e TR conforme sua necessidade.
Explicação:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabela</title>
</head>
<!- Guia de estilos->
<style>
table{
width: 10%;
margin-bottom : 2px;
table-layout: auto;
text-align: center;
position: center;
border: 1px solid gray
}
.p2{
background-color: gray;
font-weight: bold;
}
.p1{
background-color: gray;
font-weight: bold;
}
.p3{
background-color: black;
color: aliceblue;
font-weight: bold;
}
.p4{
background-color: black;
color: aliceblue;
font-weight: bold;
}
tbody tr {
width: auto;
}
</style>
<body>
<table border="1">
<tr>
<td class="p1", colspan="100%";>Colégio</td>
</tr>
<tr>
<td class="p2", colspan="100%">Ensino</td>
</tr>
<tr>
<td class="p3">Turma</td>
<td class="p4">Turno</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
<tr>
<td>6ºA</td>
<td>Manhã</td>
</tr>
</table>
</body>
</html>