[Resuelto] -Código de la clase 6 de HTML - Suscripción gratis

Avatar
Beto Quiroga

@betoquiroga

Hola a todos.

Lamentablemente el código de esta clase se perdió. Si deseas aportar y nos mandas el código hecho a modo de practicar te lo agradeceré extendiendo una semana tu suscripción premium. Sólo al primero que llegue y me responda aquí con un enlace a la descarga del código

Avatar
Fernando Arias

@fernandoarias

profe creo que ayudaría a los estudiantes si dijera de que clase habla con exactitud

Avatar
Gildo Vargas

@gvargash

1https://github.com/gvargash/react-redux-desde-cero
Avatar
Gildo Vargas

@gvargash

no dijo de que curso :D

Avatar
Ronald Cana

@ronaldcana

1<!DOCTYPE html>
2<html lang="en">
3 <head>
4 <meta charset="UTF-8" />
5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 <title>HTML desde cero - clase 6: Tablas</title>
7 <style>
8 table {
9 border-collapse: collapse;
10 }
11
12 td,
13 th {
14 border: 1px solid #000;
15 padding: 0.5rem;
16 }
17
18 th {
19 background: #333;
20 color: #fff;
21 }
22
23 caption {
24 padding-bottom: .5em;
25 }
26
27 .col-1 {
28 background: pink;
29 }
30
31 .col-2 {
32 background: turquoise;
33 }
34
35 .col-3 {
36 background: tomato;
37 }
38
39 .col-4 {
40 background: steelblue;
41 }
42 </style>
43 </head>
44 <body>
45 <!--
46 <table></table> Para marcar la tabla
47 <tr></tr> Table row (para cada fila)
48 <td></td> Table date (para cada celda)
49 <th></th> Table head (celdas de cabecera)
50
51 Atributos para agrupación de filas y columnas
52
53 colspan (columnas)
54 colspan=N
55
56 rowspan (filas)
57 rowspan=N
58 -->
59
60 <table>
61 <caption>
62 Horario semanal de clases en EDteam
63 </caption>
64 <colgroup>
65 <col class="col-1">
66 <col class="col-2">
67 <col class="col-3">
68 <col class="col-4">
69 <col style="background: yellow;">
70 </colgroup>
71 <thead>
72 <tr>
73 <th>Lunes</th>
74 <th>Martes</th>
75 <th>Miércoles</th>
76 <th>Jueves</th>
77 <th>Viernes</th>
78 </tr>
79 </thead>
80 <tbody>
81 <tr">
82 <td colspan=2>HTML</td>
83 <td rowspan=2>Algoritmos</td>
84 <td>Photoshop</td>
85 <td>Marketing Digital</td>
86 </tr>
87 <tr>
88 <td>Python</td>
89 <td>CSS</td>
90 <td>Java</td>
91 <td>UX Design</td>
92 </tr>
93 </tbody>
94 <tfoot>
95 <tr>
96 <td>Total de cursos</td>
97 <td colspan=4>6 cursos</td>
98 </tr>
99 </tfoot>
100 </table>
101 </body>
102</html>
Avatar

Escribe una respuesta

EDy flotante