Texto enfatizado en HTML

HTMLBeginner
Practicar Ahora

Introducción

La etiqueta <em> en HTML se utiliza para agregar énfasis o importancia a un texto específico en una página web. Es muy útil para resaltar contenido específico y hacerlo más notorio. En este laboratorio, aprenderás cómo usar la etiqueta <em> en HTML y su sintaxis básica.

Nota: Puedes practicar la codificación en index.html y aprender Cómo escribir HTML en Visual Studio Code. Haga clic en 'Go Live' en la esquina inferior derecha para ejecutar el servicio web en el puerto 8080. Luego, puede actualizar la pestaña Web 8080 para previsualizar la página web.

Este es un Guided Lab, que proporciona instrucciones paso a paso para ayudarte a aprender y practicar. Sigue las instrucciones cuidadosamente para completar cada paso y obtener experiencia práctica. Los datos históricos muestran que este es un laboratorio de nivel principiante con una tasa de finalización del 100%. Ha recibido una tasa de reseñas positivas del 100% por parte de los estudiantes.

Agregando un encabezado

Primero, crea un archivo HTML llamado index.html y dile a tu editor de código preferido que lo abra.

Comencemos agregando un encabezado de título a nuestro archivo HTML. Escribe el siguiente código en tu archivo index.html.

<!doctype html>
<html>
  <head>
    <title>HTML Em Tag Lab</title>
  </head>
  <body></body>
</html>

Usando la etiqueta de HTML

Ahora que hemos creado nuestro archivo HTML, es hora de usar la etiqueta <em>. En los siguientes pasos, aprenderemos cómo usar esta etiqueta y su sintaxis básica.

Comienza agregando un párrafo corto a tu archivo HTML y usa la etiqueta <em> para enfatizar una palabra específica. Aquí hay un ejemplo:

<p>HTML <em>Enfatizado</em> texto es importante para tu página web.</p>

Agregando más texto enfatizado

También puedes usar la etiqueta <em> para enfatizar múltiples palabras en una oración. Aquí hay un ejemplo:

<p><em>HTML</em> significa <em>HyperText Markup Language.</em></p>

Usando CSS para dar estilo a la etiqueta de HTML

Por defecto, el texto enfatizado se muestra en cursiva. Sin embargo, también puedes usar CSS para personalizar el estilo de la etiqueta <em>. Aquí hay un ejemplo:

<style>
  em {
    font-style: normal;
    font-weight: bold;
  }
</style>
<p><em>CSS es</em> utilizado para dar estilo a las páginas web HTML.</p>

Agregando un enlace

También puedes usar la etiqueta <em> dentro de un enlace, para enfatizar el texto del ancla. Aquí hay un ejemplo:

<a href="https://www.wikipedia.org"
  ><em>Wikipedia</em> es una enciclopedia en línea gratuita.</a
>

Resumen

¡Felicidades! En este laboratorio, aprendiste sobre la etiqueta <em> de HTML y cómo usarla para agregar énfasis o importancia al texto en una página web. También aprendiste cómo personalizar el estilo de la etiqueta <em> usando CSS. Sigue practicando para convertirse en un maestro de las etiquetas y elementos de HTML.