CURSO:

DISEÑO WEB
(HTML Y CSS)
TEMA: 3

Tablas y Formularios: Explorando la

estructura y funcionalidad avanzada

www.itec123.com
Introducción
¡Bienvenidos a la Clase 3 del Curso de
HTML! En esta sesión exploraremos las
tablas y formularios, dos elementos
fundamentales en la estructura y
funcionalidad avanzada de HTML.
Aprenderemos a crear tablas para organizar
datos y formularios para interactuar con los
usuarios. ¡Comencemos!

01
Tablas en HTML

Las tablas son una forma efectiva de mostrar

datos organizados en filas y columnas. En HTML,
utilizamos la etiqueta <table> para crear tablas.
Podemos agregar encabezados de columna con
<th> y datos de celda con <td>. También
podemos fusionar
celdas y aplicar estilos a las tablas. ¡Veamos
cómo hacerlo!

02
 Formularios en HTML

Los formularios permiten a los usuarios

enviar datos al servidor. En HTML, utilizamos
la etiqueta <form> para crear formularios.
Podemos agregar campos de entrada como
<input> y áreas de texto como <textarea>.
También podemos validar los datos
ingresados y controlar el envío del
formulario. ¡Descubramos más sobre los
formularios en HTML!

03
 Estructura Avanzada
HTML ofrece una estructura
avanzada para tablas y formularios.
Podemos agregar encabezados de tabla
con <thead>, cuerpo de tabla con <tbody>
y pie de tabla con <tfoot>. Además,
podemos utilizar atributos como colspan y
rowspan para fusionar celdas en tablas.
En formularios, podemos utilizar etiquetas
<label> y agrupar elementos con
<fieldset>. ¡Vamos a explorar estas
funcionalidades avanzadas!
04
 Accesibilidad y Usabilidad
Es importante considerar la accesibilidad y
usabilidad al diseñar tablas y formularios en
HTML. Podemos utilizar atributos como scope
y summary en tablas para mejorar la
accesibilidad. También podemos utilizar
etiquetas <legend> y
atributos placeholder y required en
formularios para facilitar la interacción de los
usuarios. ¡Aprendamos cómo hacerlo
correctamente!

05
 Conclusión
En esta clase hemos explorado la estructura y funcionalidad avanzada de las
tablas y formularios en HTML. Hemos aprendido a crear tablas organizadas y
formularios interactivos. Recuerda considerar la accesibilidad y usabilidad al
diseñar tus páginas web. ¡Continúa practicando y mejorando tus habilidades en
HTML! ¡Gracias por tu atención!

06
 Atención al estudiante
+51 972431948

Redes Sociales: (Clic)

Facebook YouTube Linkedln TikTok Instagram Página Web