Unas cuestiones previas

N|VU nos va a facilitar muchísimo el trabajo traduciendo nuestras selecciones en un entorno visual a etiquetas HTML. Además puede hacerlo de dos formas diferentes: utilizando sólo etiquetas HTML o utilizando también etiquetas CSS (Hojas de estilo en cascada). Recuerda que si ésta es tu primera toma de contacto con la creación de páginas web sería preferible que desactivaras la utilización de CSS.

Por otra parte, ahora que ya sabes la diferencia entre un salto de renglón (<br>) y un salto de párrafo (<p>) tendrás que tener en cuenta un pequeño detalle: si estás trabajando en cualquier modo que no sea el párrafo, N|VU interpretará las pulsaciones de la tecla como saltos de renglón.

Para que introduzca saltos de párrafo tendrás que tener cuidado de que en la zona izquierda de la barra de herramientas aparezca marcado el párrafo como forma de inserción de texto. Siendo así, el programa interpretará la pulsación simple de la tecla  como salto de párrafo. Si quieres que se produzca únicamente un salto de renglón tendrás que pulsar las teclas + 

Tipos y cuerpos

El trabajo con procesadores de texto nos ha hecho adquirir una cierta habilidad en la maquetación o tratamiento del aspecto visual del texto. Esta situación se ha extendido también a la creación de documentos para la web. Si bien esto ha tenido una parte positiva, en tanto que ha ampliado el control sobre el aspecto visual de nuestras producciones también ha tenido una parte negativa: hemos perdido de vista una parte importante de la estructura de la información. Si te cuesta entender lo anterior puede que te resulte más fácil si te haces una pregunta: ¿podría un ciego interpretar correctamente un texto en el que los elementos que deseamos resaltar están en un tamaño más grande o en un color diferente?

Está claro que los elementos visuales son importantes, pero lo que no debemos perder nunca de vista es la organización de la información, de manera que siempre quede organizada de una forma clara, ordenada y comprensible, incluso si la despojamos de los atributos visuales.

Una vez hecha la salvedad anterior vamos a comenzar un recorrido por los recursos de los que disponemos para modificar el aspecto de un documento html Las primeras operaciones sobre las que podríamos practicar serían las referentes a la modificación del tipo de letra y su tamaño (al que se denomina cuerpo).

 

Para acceder a los tipos de letra disponemos de las dos posibilidades que se muestran en las imágenes:

• un desplegable en la 2ª barra de formato 
• la opción de menú formato  tipo de letra que nos da acceso a las fuentes instaladas.

Tanto si estás trabajando en Windows como si lo haces en Linux verás que los dos primeros grupos son idénticos ya que se refieren a grandes categorías el primero y a las principales familias de letras el segundo, pero en cuanto empezamos a desarrollar el listado vemos que las coincidencias desaparecen, ya que las fuentes empleadas en ambos sistemas son diferentes, por lo que no te recomiendo que utilices fuentes especiales de las que aparecen en el listado inferior.

Si lees las siguientes anotaciones de estilo podrás entender las razones de esta recomendación.

Además del tipo de letra podemos jugar con el cuerpo de las mismas, esto es, su tamaño. Antes de recurrir a los iconos que aparecen en la barra de formato vamos a tomar en consideración la opción de menú formato  tamaño. Cuando accedes a ella verás que hay una serie de tamaños limitada y es importante que lo tengas en cuenta porque los navegadores antiguos pueden tener problemas con especificaciones de tamaño diferentes a la que se consigue seleccionándolos desde aquí.

En el siguiente recuadro de códigos puedes ver una explicación sobre los tamaños en las especificaciones iniciales del lenguaje HTML. 

Para obtener las modificaciones de tamaño mediante anidación de las etiquetas <small> y <big> utilizaremos los iconos de la barra de herramientas de formato