Domingo, 20 de Octubre de 2020

Introducción
Herramientas
Tags (órdenes)
Estructura básica

Texto
Texto simple
Formato
Tamaño
Color
Alineación

Imagen y Enlace
Inserción de imágenes
Inserción de enlaces

Tablas
Estructura
Contorno y márgen
Color
Combinar celdas
Ajuste de tamaño
Tamaño relativo
Alineación

Formularios
Utilidad
campo de texto
Área de texto
Menú desplegable
Casilla verificación


HTML > Texto > Texto simple


Una de las primeras cosas que podremos apreciar en cuanto intentemos escribir un sencillo texto para que aparezca como web, será que los espacios entre palabras que pongamos con la barra espaciadora, o los saltos de línea que intentemos hacer sólo poniendo un Intro, no darán el mismo resultado cuando los veamos en el editor en el cual estamos escribiendo, que en el navegador que utilicemos para ver el resultado definitivo.
Así, si intentamos poner en nuestro editor...

<HTML>
    <HEAD>
    <TITLE>
        Escribiendo un texto
    </TITLE>
    </HEAD>
    <BODY>
        Esto es una línea de texto.
        Esto debería ser otra línea.
        Y    esta  tiene   varios     espacios.
    </BODY>
</HTML>

... el resultado que obtendremos al ver esta página en nuestro navegador, será que todo el texto aparecerá contínuo, como si de una sola línea de texto se tratara, y sin poner nunca más de un espacio entre palabra y palabra.


En principio esto parecerá un inconveniente a la hora de escribir la página, pero nos servirá para que mientras estemos en el editor, podamos escribir la información de forma que nos sea más clara de ver, para que después sea más facil detectar algún error si lo hubiese, y para facilitar encontrar algun punto de la página en caso de que ésta deba ser actualizada.

Cada vez que queramos forzar un salto de línea, deberemos poner la instrucción <BR>.

Además si entre dos palabras necesitamos poner más de un espacio, o queremos poner varios espacios consecutivos para emular a un tabulador, deberemos poner el caracter especial &nbsp;.

Así, si queremos escribir el ejemplo anterior, pero que el resultado sea el deseado deberemos escribir...

<HTML>
    <HEAD>
    <TITLE>
        Escribiendo un texto
    </TITLE>
    </HEAD>
    <BODY>
        Esto es una línea de texto.<BR>
        Esto debería ser otra línea.<BR>
        Y&nbsp;&nbsp;&nbsp;&nbsp;esta&nbsp;
&nbsp;tiene&nbsp;&nbsp;&nbsp;varios&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;espacios.
    </BODY>
</HTML>

... y de esta forma podremos controlar en qué momentos queremos que un texto pase a la línea siguiente, o encadenar varios saltos de línea para separar varios párrafos.