Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
Dentro de un párrafo, algunas palabras necesitan más peso que otras. HTML tiene etiquetas para eso, pero no todas significan lo mismo.
Explicación
Estas etiquetas dan formato a palabras dentro de un texto, cada una con un propósito distinto:
<strong>Marca texto como importante. El navegador lo muestra en negrita, pero el significado (importancia) es lo que realmente aporta.
<em>Marca énfasis, como si se dijera con otro tono de voz. El navegador lo muestra en cursiva.
<mark>Resalta texto, como si estuviera marcado con un resaltador. Pensada originalmente para destacar coincidencias de búsqueda.
<small>Texto secundario o de letra pequeña, como notas legales o aclaraciones.
<sub> / <sup>Texto subíndice y superíndice, para fórmulas químicas, exponentes o notas.
Reto rápido
Este texto usa <b> e <i> donde en realidad se quiere dar importancia y énfasis reales. Cámbialos por <strong> y <em>.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
<strong> y <em> tienen significado; <b> y <i> son solo apariencia visual. Si el texto es realmente importante o enfatizado, usa <strong>/<em>.
Dato extra
Los lectores de pantalla pueden cambiar el tono de voz al leer <strong> o <em>, pero ignoran <b> e <i> porque no aportan significado, solo estilo.
Error común
Usar <b> o <i> cuando en realidad quieres dar importancia o énfasis reales al texto: se ven igual que <strong>/<em>, pero no comunican lo mismo a un lector de pantalla ni a un buscador.
Siguiente paso
Terminaste el módulo de texto y contenido. El siguiente módulo trata sobre enlaces e imágenes: cómo conectar tu página con el resto de la web.
Ir a la siguiente lección