Añadir leyendas
Parte de la sección Fundamentos del Journey de HTML de Coddy. Lección 49 de 60.
En las tablas HTML, un título es un título o una explicación de la tabla. Proporciona una breve descripción del contenido de la tabla, lo que facilita que los usuarios comprendan el propósito de la tabla. Los títulos se crean utilizando la etiqueta <caption>, que debe colocarse inmediatamente después de la etiqueta <table>.
Aquí tienes la sintaxis básica para añadir un título a una tabla en HTML:
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>
Desafío
FácilCrea un documento HTML que incluya una tabla con un título. La tabla debe tener la siguiente estructura:
- Una etiqueta
<table>para definir la tabla. - Una etiqueta
<caption>con el texto "Product Inventory" para describir la tabla. - Una fila de tabla (
<tr>) para el encabezado con dos celdas de encabezado (<th>). Las celdas de encabezado deben decir "Product Name" y "Quantity". - Una fila de tabla (
<tr>) con dos celdas de datos (<td>). Las celdas deben decir "Laptop" y "5". - Otra fila de tabla (
<tr>) con dos celdas de datos (<td>). Las celdas deben decir "Mouse" y "10".
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe el código aquí -->
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentos
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2Practica por tu cuenta: Playground de Web