En la clase de hoy veremos cómo crear tablas en HTML. Una forma perfecta para mostrar y estructurar contenido de forma ordenada.
7– Tablas en HTML
Ya hemos visto textos, enlaces, listas e imágenes. Vamos ahora a por las tablas, un clásico en HTML que nos permitirá organizar el contenido en filas y columnas. Esto está especialmente recomendado para datos y comparativas. Veamos cómo hacerlo:
¿Fácil, verdad? Ahora ya sabéis como crear tablas, y quizás más importante, cómo modificar o toquetear tablas, en caso que queráis corregir o pulir lo que haya hecho un editor visual.
Venga, momento de deberes:
- Crear una tabla
- Crear un encabezado con los días de la semana (de Lunes a Domingo)
- Crear 5 filas
- Desayuno, almuerzo, comida, merienda y cena
- Colocar lo que comeréis en cada casilla, y el precio que os costará la comida
- Crear una última fila con la suma de los costes, para ver lo que te cuesta comer cada día
- Colocar las etiquetas correspondientes al título, encabezado, cuerpo y pié
Las tablas son una etiqueta simple pero muy útil para organizar el contenido, y tienen múltiples utilidades, como podéis ver. Como siempre, si tenéis alguna duda de la lección, podéis contactar a través de la intranet. Además, debajo del vídeo tenéis el enlace al código usado :)
Nos vemos en la siguiente clase, en la que veremos una etiqueta clave para que la visita interactúe con nosotros. Hasta entonces... ¡A htmlear!
Todos los capítulos de este curso:
- Curso de HTML #1: Teoría base y primera práctica
- Curso de HTML #2: Etiquetas y atributos
- Curso de HTML #3: Formatos de texto
- Curso de HTML #4: Enlaces
- Curso de HTML #5: Listas
- Curso de HTML #6: Imágenes
- Curso de HTML #7: Tablas
- Curso de HTML #8: Formularios
- Curso de HTML #9: Estructura
- Curso de HTML #10: Integración con CSS y JavaScript