Tutorial: Desarrollador web de 0 a 100. Clase 06: Formato de texto. Resaltado

  • Autor Autor diegoofernandez
  • Fecha de inicio Fecha de inicio
diegoofernandez

diegoofernandez

Beta
Redactor
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
SOBRE ESTE CURSO
Hace unos meses he decidido, dejar de programar profesionalmente por periodo de tiempo indefinido, pero para mantenerme un poco en "forma" y por que creo que el conocimiento debe compartirse, he decidido realizar esta serie de tutoriales, ojalá a alguien le sea de utilidad o los pueda aprovechar.

INDICE

Formato de texto. Resaltado
Entramos en una parte del curso, donde a lo largo de un número consecutivo de clases hablaremos sobre las etiquetas que disponemos en HTML para darle formato a nuestros textos.

En esta clase vamos a aprender como podemos resaltar parte de un párrafo o un texto de distinto tipo, como un encabezado.

El efecto de resaltado que brinda HTML es el mismo que obtenemos nosotros al, con un fibrón fluorescente, remarcamos cierta parte de un texto en un libro o escrito. Pero para poder comprenderlo mejor pasemos directamente a un ejemplo:

Imaginemos que tenemos el siguiente párrafo:
HTML:
<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>
El mismo se mostaría en el navegador de la siguiente forma:

parrafo-sin-market.webp


Si nosotros necesitamos resaltar una parte de este párrafo, vamos a hacer uso de la etiqueta <mark></mark>, el texto que englobemos con estas etiquetas se mostrará resaltado, por ejemplo:

HTML:
<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, <mark>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</mark> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
</p>

Y ahora que a parte de este párrafo lo hemos encerrado entre las etiquetas mark, esa parte será resaltada, dando en el navegador el siguiente resultado:

parrafo-con-mark.webp


Como vemos, es muy sencillo resaltar texto con HTML gracias a la etiqueta <mark>, espero hayas entendido esta clase, te invito a continúar aprendiendo en la clase siguiente. ¡Saludos!
 
Guao jajaaj esto fue rápido Gracias por compartir estas clases con la comunidad siempre es bueno repasar lo aprendido.
 
Guao jajaaj esto fue rápido Gracias por compartir estas clases con la comunidad siempre es bueno repasar lo aprendido.

jeje, si, es que escribo de a tres o cuatro y luego las subo juntas.
 
Atrás
Arriba