Tecnología

Inicio

Cómo crear texto fresco con pequeñas cantidades de HTML

August 29

A pesar de que las hojas de estilo en cascada han reemplazado predominantemente HTML al dar formato a texto, la capacidad de crear algunos efectos interesantes todavía existe en HTML. Los efectos de texto a veces son considerados por los diseñadores Web profesionales que ser llamativo y de distracción de la sensación general de la página web. La clave no es exagerar; elegir entre las más simples efectos HTML, como texto resaltado.

Instrucciones

1 Resaltar la totalidad o una parte de su texto usando el siguiente código HTML:

<Span style = "background-color: # FFFF00"> El texto del usuario </ span>

Reemplazar "Texto usuario" con el texto que desea resaltar. El código HTML "# FFFF00" es un código de color para el color amarillo brillante. Cambiar el código de color de realce diferente.

2 Añadir una imagen de fondo para su texto con el siguiente código:

<Span style = "background-image: URL (http://www.imageurl.com/image.jpg); font-size: 32pt"> Su texto </ span>

Reemplazar "http://www.imageurl.com/image.jpg" con la URL de la imagen que desea utilizar. La imagen puede ser un archivo JPEG, GIF o PNG. Cambiar el número en el atributo font-size (actualmente 32) para aumentar o disminuir el tamaño de la fuente. Fondos de imágenes funcionan bien con el texto más grande.

3 Añadir una punta de la herramienta título a su texto aplicando el siguiente código:

<Span title = "Esta es la punta de la herramienta que se muestra"> Mueva su ratón sobre este texto </ span>

Reemplazar "Esta es la punta de la herramienta que se muestra" con el texto que desee que aparezca cuando se mueve el ratón sobre el texto. Reemplazar "Mueva su ratón sobre este texto" con el texto que desea mostrar en su página web. La punta de la herramienta de texto aparece en un pequeño cuadro de texto cuando el cursor del usuario se coloca en el texto.

Consejos y advertencias

  • Si sólo desea aplicar un efecto a una cierta parte de su texto, insertar cualquiera de el código anterior en medio de un bloque párrafo o texto. El efecto sólo se aplicará al texto que figura entre las etiquetas <span>.