Tutorial: Desenvolvedor web de 0 a 100. Aula 06: Formato de texto. Realce

  • Autor Autor diegoofernandez
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
diegoofernandez

diegoofernandez

Beta
Redactor
Usuário com poucas negociações! Use sempre o saldo do 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!
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
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.
 
Voltar
Topo