APRENDIENDO A PROGRAMAR LA ETIQUETA TABLA EN HTML.
Con la etiqueta <table> podemos definir una tabla.
Cada fila se define con <tr>.
El encabezado de la tabla se define con <th>.
Y las celdas se definen con <td>.
Dentro de un <td> puede haber cualquier tipo de elemento HTML, textos, imágenes, listas, etc.
Codigo en html para crear las tablas.
Utilizando codigo css para dar diseño a la tabla.
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ccc;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
Usamos <table> para definir una tabla
Usamos <tr> para definir una fila en una tabla
Usamos <td> para definir una celda de la tabla
Usamos <th> para los encabezados de la tabla
Usamos <caption> para ponerle un título
Con la propiedad de CSS border podemos ponerle un borde
Con la propiedad de CSS border-collapse podemos juntar los bordes
Con el padding de CSS podemos darle relleno a las celdas
Con el text-align de CSS podemos alinear el texto de las celdas
Con el border-spacing podemos setear espacio entre celdas
El atributo colspan hace que una celda ocupe varias columnas
El atributo rowspan hace que una celda ocupe varias filas
Actividad para realizar en clase.
1) Replica la tabla que aparece en al parte inferior de la pagina web utilizando el codigo de programacion html; para ello puede ayudarse del codigo visto anteriormente en la parte superior de la pagina web.
Rubrica de evaluación.
a) codigo en html (70 puntos)
b) codigo html+csc(100 puntos)
c) no entrega actividad (10 puntos).