Añadir leyendas
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 49 de 60.
En las tablas HTML, un título (caption) es un título o explicación para la tabla. Proporciona una breve descripción del contenido de la tabla, lo que facilita a los usuarios comprender el propósito de la misma. 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".
Hoja de referencia
La etiqueta <caption> proporciona un título o explicación para una tabla HTML. Debe colocarse inmediatamente después de la etiqueta <table>.
<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>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 Fundamentals
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 #2