Ejercicio 8: Tabla con bordes y estilos

---

Ejercicio 8

Crea una tabla estilizada con 3 columnas: Nombre, Edad y Ciudad. Aplica estilos con style para mejorar la presentación (bordes, color de encabezado y fondo alterno en las filas).

📝 Pseudocódigo

1. Crear tabla con <table> y estilo CSS en línea (border-collapse, ancho y fuente) 2. Definir encabezados (<th>) con fondo gris y texto blanco 3. Insertar 3 filas de ejemplo con <td> 4. Aplicar color de fondo alterno en filas

<table style="border-collapse: collapse; width: 100%; font-family: Arial;"> <tr style="background-color: #444; color: white;"> <th style="padding: 8px; border: 1px solid #ddd;">Nombre</th> <th style="padding: 8px; border: 1px solid #ddd;">Edad</th> <th style="padding: 8px; border: 1px solid #ddd;">Ciudad</th> </tr> <tr style="background-color: #f2f2f2;"> <td style="padding: 8px; border: 1px solid #ddd;">María</td> <td style="padding: 8px; border: 1px solid #ddd;">28</td> <td style="padding: 8px; border: 1px solid #ddd;">Santiago</td> </tr> <tr> <td style="padding: 8px; border: 1px solid #ddd;">Pedro</td> <td style="padding: 8px; border: 1px solid #ddd;">34</td> <td style="padding: 8px; border: 1px solid #ddd;">Valparaíso</td> </tr> <tr style="background-color: #f2f2f2;"> <td style="padding: 8px; border: 1px solid #ddd;">Ana</td> <td style="padding: 8px; border: 1px solid #ddd;">22</td> <td style="padding: 8px; border: 1px solid #ddd;">Concepción</td> </tr> </table>

📌 Resultado:

Nombre	Edad	Ciudad
María	28	Santiago
Pedro	34	Valparaíso
Ana	22	Concepción

---