Tablas HTML y CSS

<

>

HTML CSS

Tablas

EMPEZAR>

paso 1 DE 5

1. Creamos el HTML, usamos las etiquetas table, th, td y tr dentro del body

1. 'th' son celdas de encabezado
2. 'tr' sera una fila
3. 'td' será una celda

Siguiente

paso 2 DE 5

1. Usaremos la propiedad rowspan dentro de las etiquetas th, td y tr, para que una fila ocupe varias filas
2. Usaremos la propiedad colspan dentro de las etiquetas th, td y tr, para que una columna ocupe varias celdas

Siguiente

paso 3 DE 5

1. Creamos el CSS y lo linkeamos al HTML mediante la etiqueta '<link href>'
2. Le damos estilo al CSS

Siguiente

paso 4 DE 5

1. Abrimos las propiedades que le vamos a dar a table {}, después vamos agregando propiedades a th, td y tr
2. Para que se vea la tabla usaremos 'border: 1px solid black' en la etiqueta <table>
3. Podemos usar 'border-collapse: collapse' para que los bordes de la tabla estén unidos

Siguiente

paso 5 DE 5

1. Podemos usar la propiedad 'padding' para darle los pixeles de separación que queramos entre el texto y la tabla
2. Podemos darle colores a la tabla con background-color, si metemos esta propiedad en cada celda con un color distinto, podemos crear una tabla de colores

Siguiente

Fin del manual

<

>