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.htmly 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.
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.
