Tarea anterior
Marcado de texto con HTML8/10
A la lista de tareas
  1. 1. Párrafos
  2. 2. Encabezados y subencabezados
  3. 3. Lista no ordenada
  4. 4. Lista ordenada
  5. 5. Lista multinivel
  6. 6. Lista de definiciones
  7. 7. Importancia: etiquetas strong y b
  8. 8. Destacar información: etiquetas em e i
  9. 9. Saltos de línea y separadores: etiquetas br y hr
  10. 10. Texto preformateado
Siguiente tarea
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Destacar información: etiquetas em e i

Las dos etiquetas siguientes sirven para poner énfasis en una palabra o una frase.

La etiqueta <em> marca un texto con énfasis especial, es decir, uno que cambia el sentido de la oración.

Por ejemplo, si queremos dejar claro que Cupcake juega con el eneldo y no se lo come, podemos marcarlo así:

Al instructor Cupcake le gusta <em>jugar</em> con eneldo.

La etiqueta <i> señala un texto que se diferencia del resto, pero que no es más importante. Suele usarse para nombres, términos o palabras extranjeras.

Por ejemplo, si queremos indicar que inspector es un término especial, podemos escribirlo así:

Cupcake solía usar el <i>inspector</i> del navegador para buscar errores.

Visualmente ambas etiquetas se ven igual: muestran el texto en cursiva.

  • index.html
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Etiquetas em e i</title> </head> <body> <h1>Marcado de texto</h1> <p><b>Aprenderemos a agregar texto a una página HTML sencilla: párrafos, encabezados, subencabezados, listas y otros elementos.</b></p> <p>En los ejercicios anteriores conociste las etiquetas necesarias para crear una página HTML sencilla y algunas etiquetas auxiliares que no se muestran en el navegador.</p> <p>En esta parte veremos las etiquetas de marcado de texto. Se pueden usar <strong>solo</strong> dentro de la etiqueta &lt;body&gt;.</p> </body> </html>

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Encierra la expresión «marcado de texto» del tercer párrafo dentro de la etiqueta <em>.
    2. Resalta el término «navegador» del segundo párrafo con la etiqueta <i>.

    © 2023-2026, codigoheroe.com