Puedes usar la etiqueta <mark></mark>
<!DOCTYPE html>
<html>
<body>
<p>
Do not forget to buy
<mark>
milk
</mark>
today.
</p>
<p>
<strong>
Note:
</strong>
The mark tag is not supported in Internet Explorer 8 and earlier versions.
</p>
</body>
</html>
puedes ver los detalles en Mark tag y el ejemplo funcional que ofrece. También puedes intentar:
<span style="background-color: #FFFF00">Yellow text.</span>
Ejemplo de uso
Para destacar texto dinamicamente usando la etiqueta <mark></mark>
anterior, puedes usar un código como el siguiente:
var texto;
var div;
function inicializar() {
div = document.getElementById("texto");
texto = div.getElementsByTagName('p')[0].innerHTML;
document.getElementById("entrada").addEventListener('input', actualizar);
}
function actualizar() {
var porDestacar = document.getElementById("entrada").value;
document.getElementById("texto").innerHTML = destacar(porDestacar);
}
function destacar(porDestacar) {
var textoDestacado = "<p>";
if (porDestacar.length == 0) {
textoDestacado += texto;
return textoDestacado + "</p>"
}
var sigPosicion = 0,
posicion;
while ((posicion = texto.indexOf(porDestacar, sigPosicion)) > -1) {
textoDestacado += texto.substring(sigPosicion, posicion);
textoDestacado += "<mark>" + texto.substring(posicion, posicion + porDestacar.length) + "</mark>";
sigPosicion = posicion + porDestacar.length;
}
if (sigPosicion + porDestacar.length < texto.length) {
textoDestacado += texto.substring(sigPosicion, texto.length - 1);
}
return textoDestacado + "</p>";
}
window.onload = inicializar;
body {
background: #ffffff;
color: #444444;
}
mark {
background: #a8d1ff;
}
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
<!-- Aquí va el codigo javascrip que está mas abajo -->
</script>
</head>
<body>
<div id="texto">
<p>
HTML, sigla en inglés de HyperText Markup Language (lenguaje de marcas de hipertexto), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, vídeos, juegos, entre otros. Es un estándar a cargo del World Wide Web Consortium (W3C) o Consorcio WWW, organización dedicada a la estandarización de casi todas las tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los navegadores actuales han adoptado.
</p>
</div>
<input id="entrada" type="text"/>
</body>
</html>
Puedes ver el ejemplo funcionando en JsFiddle, o puedes darle al botón ejecutar.