Cómo resaltar en HTML Sintaxis

Añadiendo énfasis al texto en una página web es muy fácil usando las etiquetas HTML que producen negrita, cursiva y subrayado. Sin embargo, HTML no tiene ninguna etiqueta dedicada a crear un efecto de relieve en el texto. Para remediar esto, puede utilizar hojas de estilo en cascada código (CSS) con la etiqueta de "span" para resaltar partes del texto en cualquier color que te gusta. El estilo CSS se puede hacer dentro de una etiqueta única "span" para un efecto de resalte de una sola vez, o integrado en una hoja más grande de estilo internas o externas para el uso frecuente.

Instrucciones

1 Coloque las etiquetas "span" en todo el texto que desea resaltar con el estilo "background-color" se define en el atributo "estilo" si usted sólo tiene que utilizar el efecto de una o dos veces en una sola página web. Aquí hay un ejemplo:

<P> Este es un párrafo ordinario en el cuerpo de un documento HTML. Sin embargo, <span style = "background-color: amarillo"> esta parte de la misma ha sido resaltado en amarillo </ span> utilizando la etiqueta span y CSS </ p>.

Puede utilizar cualquiera de los colores CSS predefinidos, como "amarilla" y "magenta", y también se puede utilizar códigos hexadecimales y de color RGB para destacar en cualquier color que te gusta. Ir a W3schools.com/css/css_colors_legal.asp de un documento que describa todos los colores posibles que se pueden especificar.

2 Agregue el código siguiente entre las etiquetas "cabeza" de su documento HTML si es necesario utilizar con frecuencia el efecto de resalte en esa página:

<Style type = "text / css">

.hlyellow {background-color: amarillo;}

</ Style>

A continuación, utilice la etiqueta span de la siguiente manera:

<Span class = "hlyellow"> texto resaltado </ span>

Este método es preferible para páginas con un montón de destacar, porque usted no tiene que escribir el estilo "background-color" cada vez, y puede cambiar rápidamente el color de resaltado para toda la página con sólo cambiar la definición en el " sección de la cabeza ". También se pueden definir múltiples clases de diferentes colores. Se puede usar cualquier nombre de la clase que desea en lugar de "hlyellow", pero debe evitar comenzar el nombre con un número.

3 Inserte el código siguiente en un documento de texto en blanco, a continuación, guardarlo con un nombre como "highlight.css" si tiene que poner de relieve con frecuencia texto en varias páginas web:

.hlyellow {background-color: amarillo;}

Este documento se llama una hoja de estilos CSS externa. Para utilizarlo en una página Web en particular, en primer lugar el siguiente código entre las etiquetas "cabeza" del documento HTML:

<Link rel = "stylesheet" type = "text / css" href = "highlight.css" />

El atributo "href" contiene la ruta de acceso al documento CSS, que en este caso se deben almacenar en el mismo directorio que el documento HTML. Ahora se puede utilizar el nombre de clase al igual que en el paso 2 para resaltar el texto:

<Span class = "hlyellow"> texto resaltado </ span>

Puede cambiar rápidamente el color de resaltado de muchas páginas web a la vez utilizando esta técnica.