Información Adicional

No existe información adicional para este video tutorial.

Transcripción

La etiqueta strong y emphasis son usadas para darle más importancia a cierta parte de nuestro texto, en este video aprenderemos como usarlos correctamente
Aprenderemos primero a usar la etiqueta emphasis, esta etiqueta es muy similar a la etiqueta span
Ya que es un inline element
Vamos a colocar esta etiqueta en parte de nuestro párrafo
Vamos a usar la primera parte del primer párrafo, para colocar la etiqueta emphasis escribimos la etiqueta em y para cerrarla igualmente colocamos la etiqueta em pero con la pleca para indicar que es la terminación de nuestra etiqueta
Guardamos nuestro documento, regresamos a nuestro navegador, y al refrescar la página podremos ver que tenemos el texto que colocamos dentro de la etiqueta emphasis en cursiva
Ahora, la etiqueta emphasis no se usa solo para colocar el texto en cursiva, esa no es su función, ese es el estilo que el navegador le coloca por defecto a esta etiqueta
Puedes colocar en cursiva el texto que desees usando CSS, que es un tema a tocar después de aprender HTML
Entonces, la etiqueta em, emphasis, debe ser usada cuando tu deseas hacer énfasis en una palabra o frase específica
Y no necesariamente cuando deseas colocar un texto en cursiva
No existe un guía técnica para la etiqueta em, y realmente depende de ti donde deseas usarla, como te indico, deberías usarla cuando deseas hacer énfasis en cierta parte de tu texto
Luego tenemos la etiqueta strong
Así que regresemos a nuestro editor de texto
Y vamos a usar este texto para añadir la etiqueta strong
Para ello, al igual que lo hicimos con la etiqueta em, colocamos la etiqueta de apertura de strong, y luego cerramos donde deseemos que se acabe el texto en strong
Ahora guardamos nuestro documento, regresemos a nuestro navegador y al refrescar
Y como puedes ver el texto del segundo párrafo al que le añadimos la etiqueta strong, ahora aparece en negrita
Al igual que con la etiqueta em, la etiqueta strong, no debe ser usada para colocar en negrita un texto
Ya que puedes colocar negrita a un texto usando css
En cambio, debes usar la etiqueta strong, cuando una palabra o frase necesite ser enfatizada o darle mayor fuerza
Entonces, cuando debemos usar em, y cuando strong?
Bien em indica énfasis, y strong indica un énfasis más fuerte
No existe una guía definitiva de cómo usar estas dos etiquetas, depende completamente de ti
Pero no importando como las uses, debes asegurarte de ser consistente en la forma que usas estas etiquetas
Finalmente hablaremos sobre otra etiqueta, la etiqueta hr
Hr significa horizontal rule, o regla horizontal
Así que vamos a regresar a nuestro editor de texto
Y lo que haremos será colocar una etiqueta hr, entre nuestro primer y segundo párrafo
Para ello únicamente escribimos la etiqueta hr, y eso es todo
Si, esta etiqueta también es una etiqueta vacía, ya que no necesita contenido, la etiqueta en si misma es su contenido
Así que vamos a guardar, regresamos al navegador y refrescamos la página
Y entre nuestro primer y segundo párrafo
Puedes ver que tenemos una línea, que a eso se refiere con regla horizontal
Ahora, tu puedes crear líneas como estas usando bordes en CSS
Puedes usar la etiqueta hr, cuando deseas partir tu texto en dos, visualmente como semánticamente
Al igual que con la etiqueta em y strong, no existen guías que te indiquen como debes usar esta etiqueta
Depende completamente de ti y de cómo deseas usar estas etiquetas para dar formato y sentido visual y semántico a tu texto
Estos son solo algunos de los elementos que pueden ayudarte a darle un mejor significado semántico a tu texto
En los siguientes videos aprenderemos como dar formato a tipos de texto más específicos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image