Spans en línea
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 26 de 60.
¿Qué pasa si tenemos una oración y necesitamos resaltar solo una palabra o una pequeña parte de ella? ¡Podemos usar la etiqueta <span>! Nos ayuda a aplicar estilos o realizar cambios solo en una parte específica del texto sin afectar al resto.
Aquí tienes la sintaxis básica para usar un span en HTML:
<span>This is some text.</span>Aquí tienes un ejemplo de cómo usar etiquetas span para resaltar una parte del texto dentro de un párrafo:
<p>This is a <span style="color: blue;">blue</span> word.</p>En este ejemplo, la palabra "blue" se mostrará en color azul.
¡Aprenderemos sobre el atributo style más adelante!
Desafío
FácilDado un documento HTML con un párrafo. Tu tarea es usar una etiqueta <span> para envolver el texto "qwerty12345".
Hoja de referencia
La etiqueta <span> se utiliza para aplicar estilos o realizar cambios en una parte específica del texto sin afectar al resto.
Sintaxis básica:
<span>This is some text.</span>Ejemplo con estilos en línea:
<p>This is a <span style="color: blue;">blue</span> word.</p>Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe el código aquí -->
<p>The secret password is qwerty12345.</p>
</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