Unidad 4. El texto (II)

Estilos HTML

En el menú Texto, opción Estilo, aparecen una serie de estilos predefinidos que pueden aplicarse al texto seleccionado.

Es posible definir otra serie de estilos, aplicables a párrafos o a palabras seleccionados. Estos nuevos estilos, llamados estilos HTML, se utilizan para combinar una serie de atributos del texto, como pueden ser el color o el tamaño, de modo que no sea necesario asignar estos atributos uno a uno cada vez que se desee repetir la asignación de esos mismos valores a otras partes del texto.

La forma más sencilla de crear, borrar y asignar estilos HTML es a través del panel Estilos HTML. Dicho panel puede abrirse pulsando la combinación de teclas Ctrl+F11, o a través del menú Ventana, opción Estilos HTML.

Pulsando sobre cada uno de los estilos de la lista es posible aplicarlos sobre el texto seleccionado.

A través de la flecha de la parte inferior del panel es posible decidir si los estilos deben aplicarse sobre el texto nada más pulsar sobre ellos, o por otro lado, aplicarlos una vez seleccionados pulsando sobre el botón Aplicar.

Pueden borrarse los estilos de la lista a través del botón con forma de papelera. A través del botón que está junto al de la papelera es posible añadir estilos nuevos.

Cuando se pulsa el botón de creación de nuevo estilo , aparece una ventana como ésta.

En ella pueden especificarse el Nombre del estilo, y los atributos de la fuente y del párrafo, que son los mismos que los puedes aplicar a un texto a través del inspector de propiedades.

También si el estilo se aplicará sobre la selección o todo el párrafo, a través de Aplicar a, y si los nuevos atributos se añadirán o no al estilo que esta aplicado ya sobre la selección, a través de Al aplicar.

También es posible abrir esta ventana para modificar un estilo ya existente. Para ello es necesario pulsar dos veces sobre el estilo en el panel Estilos HTML..

Como puedes ver, es bastante sencillo trabajar con estilos HTML.

En los estilos HTML no hay actualización automática. Esto quiere decir que, cuando se modifica un estilo, todo el texto al que se le haya aplicado previamente ese estilo no van a actualizarse con los nuevos valores de los atributos del texto.

Esto puede resultar un inconveniente cuando se trabaja continuamente con estilos HTML.

A continuación tienes un párrafo al que se le ha aplicado el estilo HTML anterior:

texto con estilo HTML

En el código HTML de la página, el texto aparece de la siguiente forma:

<p align="center"><i><b><font color="#FF0000" size="4" face="Arial, Helvetica, sans-serif">

texto con estilo HTML

</font></b></i></p>

Las etiquetas son etiquetas normales de HTML, no hay ninguna que indique que al texto se le ha aplicado un estilo HTML.

Para practicar puedes realizar el Ejercicio paso a paso Crear estilo HTML.

Pág. 4.2