Etiqueta HTML <marca> – Part 1

La etiqueta <mark> en HTML se usa para definir el texto marcado. Se utiliza para resaltar la parte del texto en un párrafo. La etiqueta <mark> es nueva en HTML 5.
 

Sintaxis: 

<mark> Contents... </mark>

Ejemplo 1: Este ejemplo usa la etiqueta <mark> para resaltar el texto. De forma predeterminada, la etiqueta <mark> resalta el contenido del texto en color amarillo.

html

<!DOCTYPE html>
<html>
 
<body>
    <h1 style="color: green;">GeeksforGeeks</h1>
   
    <h2>HTML mark Tag</h2>
 
     
 
<p>
        <mark>GeeksforGeeks:</mark> It is a
        <mark>computer science</mark> portal for geeks
    </p>
 
 
</body>
 
</html>

Producción: 
 

Ejemplo 2: este ejemplo usa la etiqueta <mark> con la propiedad CSS para cambiar el color del contenido marcado y otras propiedades. 
 

html

<!DOCTYPE html>
<html>
 
<body>
    <h1>GeeksforGeeks</h1>
   
    <h2> HTML mark Tag</h2>
 
     
     
<p>
        <mark>GeeksforGeeks:</mark> It is a
        <mark style="background-color: green; color: white;">
            computer science
        </mark> portal for geeks
    </p>
 
 
</body>
 
</html>

Producción:

Navegadores compatibles: 

  • Google Chrome 
  • Borde 12.0 y superior
  • Internet Explorer 9.0 y superior
  • Firefox 4.0 y superior
  • Ópera 11.0 y superior
  • Safari 

Publicación traducida automáticamente

Artículo escrito por Vishal_Khoda y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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