Tablas y formularios en HTML

Estructura básica de tablas: <table>, <tr>, <td>

Las tablas permiten organizar datos en filas y columnas.

• <table>: Define la tabla.
• <tr>: Representa una fila.
• <td>: Representa una celda.

Ejemplo:

<table>
  <tr>
    <td>Nombre</td>
    <td>Edad</td>
  </tr>
  <tr>
    <td>Ana</td>
    <td>25</td>
  </tr>
</table>

Formularios: <form>, <input>, <textarea>, <button>

Los formularios permiten a los usuarios ingresar datos:

• <form>: Contenedor principal del formulario.
• <input>: Define campos de entrada.
• <textarea>: Áreas de texto más grandes.
• <button>: Botón interactivo.

Ejemplo:

<form action="/enviar" method="post">
  <label for="nombre">Nombre:</label>
  <input type="text" id="nombre" name="nombre">

  <label for="comentarios">Comentarios:</label>
  <textarea id="comentarios" name="comentarios"></textarea>

  <button type="submit">Enviar</button>
</form>

Campos comunes

• Texto (type="text").
• Contraseñas (type="password").
• Botones de envío (type="submit").

Actividades

1. Crea una tabla que muestre una lista de productos con sus precios.
2. Diseña un formulario que permita ingresar nombre, correo electrónico y un mensaje.
3. Añade un botón de envío al formulario y personaliza el texto del botón.