14.- Salto de línea.

Probablemente a estas alturas del curso ya te habrás encontrado con la necesidad de separar dos líneas de texto por algo menos del espacio que se origina al pulsar el intro del teclado.

Ello se consigue con Insertar > Caracteres especiales > Salto de línea

Vamos a observar el código que se genera cuando pulsamos el intro (lo pulso):

Observa que ha colocado el párrafo anterior entre la etiqueta <p> con los atributos de estilo "texto"(esto lo veremos más adelante) y alineación izquierda y la etiqueta de cierre (no imprescindible) </p>

Vamos ahora a insertar un salto de línea. (Lo inserto)
Observamos el código que se ha escrito:

En el momento que hemos insertado el salto de línea se ha escrito la etiqueta <br> del inglés break, romper.

Este salto de línea es una utilidad que, siendo muy usada, parece que está un poco escondida en este editor.

15.- Listas de cosas.

Cuando queremos realizar una enumeración de objetos, lo hacemos pulsando la tecla del panel de propiedades (una vez que nos hemos situado en el primer objeto de la lista):

Estas son mis aficiones:

Para acabar la enumeración, vuelvo a pulsar el mismo botón:

Veamos el código que se ha generado:

Se introduce la lista con la etiqueta <ul> unordered list y después cada uno de los objetos de la lista con las etiquetas <li> list item de apertura y su correspondiente de cierre.

Si, en cambio, queremos que nuestra lista sea numerada, pulsamos el botón :

Estas son mis aficiones por orden de preferencia:

    1. El deporte de aventura.
    2. La música rock
    3. Salir de juerga con mis amigos

Veamos el código que se ha generado:

La etiqueta <ol> de ordered list. Las otras etiquetas son las mismas <li> list item que en el caso de las listas no ordenadas.

16.- Sangrar el texto.

Si deseo que una determinada línea comience algo más allá del margen, no lo conseguiré dándole al espaciador. Tendré que pulsar la tecla que permitirá que el texto se sitúe sangrado desde el margen izquierdo. Puedo pulsarlo varias veces. Hacemos una prueba pulsándolo cuatro veces:

He pulsado 4 veces este botón . Y pulso intro:

Ahora el margen se guarda. Pulso intro:

Para volver al margen inicial pulsaré la tecla Pulso intro

Pulso 4 veces la tecla . Esta línea ha vuelto al margen inicial.

Veamos el código generado:

Cada vez que pulso el botón se ha generado la etiqueta <blockquote> que quedaba sin cerrar. El botón se encargaba de ir cerrando cada una de las etiquetas anteriormente abiertas.

Otra forma de hacer esto de manera más manual (y más precisa o exacta) es introduciendo desde el código un carácter especial de avance de un espacio. Es el carácter &nbsp; no break space. Podemos poner tantos como haga falta para conseguir nuestros objetivos:

aaaa
 aaaa
  aaaa
   aaaa
    aaaa
     aaaa
      aaaa
       aaaa
        aaaa

Este es el código que, ésta vez, hemos escrito directamente:

No olvidarse de pulsar el botón cuando hacemos cambios directamente en el código (Tambien se puede guardar dando a Archivo > Guardar )

Anterior
Siguiente