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
Process Flow: Corporate Recruitment
View
Weekly Corporate Challenge
View
Wellbeing and Healthy Routines
View
Match the Verbs in Spanish: Present and Past
View
Planets Sorting Game
View
Syllabus Organizer for Higher Education
View
Internal Guidelines for Artificial Intelligence Use
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>