Want to create interactive content? It’s easy in Genially!
Tablas en HTML
Carlos Adolfo Reyes
Created on September 2, 2021
Aprende a codificar tablas en HTML.
Start designing with a free template
Discover more than 1500 professional designs like these:
Transcript
Tablas
Lea con atención... analice el código... luego desarrolle los ejercicios propuestos. Avance para iniciar...
<table> </table>
Pero... en HTML no se codifican tablas. En su lugar, se codifican filas con celdas...
Entendemos las tablas como un arreglo de filas y columnas cuyas intersecciones producen celdas.
<table> <tr> </tr> </table>
El elemento tr (table row/fila) define cada fila de la tabla.
<table> </table>
El elemento table contiene la codificación de la tabla.
El elemento td (table celd) define cada celda en la fila.
<table> <tr> <td>LUNES</td> </tr> </table>
Tabla con UNA fila compuesta de CINCO celdas.
<table> <tr> <td>LUNES</td> <td>MARTES</td> <td>MIÉRCOLES</td> <td>JUEVES</td> <td>VIERNES</td> </tr> </table>
LUNES MARTES MIERCOLES JUEVES VIERNES
<table> <tr> <td>LUNES</td> <td>MARTES</td> <td>MIÉRCOLES</td> <td>JUEVES</td> <td>VIERNES</td> </tr> </table>
<table> <tr> <td>LUNES</td> <td>MARTES</td> <td>MIÉRCOLES</td> <td>JUEVES</td> <td>VIERNES</td> </tr> <tr> <td>Matemáticas</td> <td>Inglés</td> <td>Español</td> <td>Económicas</td> <td>Informática</td> </tr> </table>
Recuerde: se codifica por filas y celdas, no por columnas.
<table> <tr> <td>LUNES</td> <td>MARTES</td> <td>MIÉRCOLES</td> <td>JUEVES</td> <td>VIERNES</td> </tr> <tr> <td>Matemáticas</td> <td>Inglés</td> <td>Español</td> <td>Económicas</td> <td>Informática</td> </tr> <tr> <td>Matematicas</td> <td>Inglés</td> <td>Español</td> <td>Sociales</td> <td>Informática</td> </tr> <tr> <td>Estadística</td> <td>Políticas</td> <td>Ed. Física</td> <td>Etica</td> <td>Filosofía</td> </tr> </table>
¡Hola!
<td>
</td>
<tr>
</tr>
<table>
</table>
</p>
<p>
¡Insista, persista y no desista que al final conquista!
¡Buen Trabajo!