Tablas
Lea con atención... analice el código... luego desarrolle los ejercicios propuestos. Avance para iniciar...
Entendemos las tablas como un arreglo de filas y columnas cuyas intersecciones producen celdas.
Pero... en HTML no se codifican tablas. En su lugar, se codifican filas con celdas...
<table> </table>
<table> </table>
El elemento table contiene la codificación de la tabla.
<table> <tr> </tr> </table>
El elemento tr (table row/fila) define cada fila de la tabla.
<table> <tr> <td>LUNES</td> </tr> </table>
El elemento td (table celd) define cada celda en la fila.
<table> <tr> <td>LUNES</td> <td>MARTES</td> <td>MIÉRCOLES</td> <td>JUEVES</td> <td>VIERNES</td> </tr> </table>
Tabla con UNA fila compuesta de CINCO celdas.
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>
<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>
Recuerde: se codifica por filas y celdas, no por columnas.
<table>
<tr>
¡Hola!
</table>
</tr>
<td>
</td>
¡Buen Trabajo!
<p>
¡Insista, persista y no desista que al final conquista!
</p>
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:
View
Interactive Hangman
View
Secret Code
View
Branching Scenario: Academic Ethics and AI Use
View
The Fortune Ball
View
Repeat the Sequence Game
View
Pixel Challenge
View
Word Search: Corporate Culture
Explore all templates
Transcript
Tablas
Lea con atención... analice el código... luego desarrolle los ejercicios propuestos. Avance para iniciar...
Entendemos las tablas como un arreglo de filas y columnas cuyas intersecciones producen celdas.
Pero... en HTML no se codifican tablas. En su lugar, se codifican filas con celdas...
<table> </table>
<table> </table>
El elemento table contiene la codificación de la tabla.
<table> <tr> </tr> </table>
El elemento tr (table row/fila) define cada fila de la tabla.
<table> <tr> <td>LUNES</td> </tr> </table>
El elemento td (table celd) define cada celda en la fila.
<table> <tr> <td>LUNES</td> <td>MARTES</td> <td>MIÉRCOLES</td> <td>JUEVES</td> <td>VIERNES</td> </tr> </table>
Tabla con UNA fila compuesta de CINCO celdas.
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>
<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>
Recuerde: se codifica por filas y celdas, no por columnas.
<table>
<tr>
¡Hola!
</table>
</tr>
<td>
</td>
¡Buen Trabajo!
<p>
¡Insista, persista y no desista que al final conquista!
</p>