Texto

El texto es uno de los elementos más simples del HTML.

Cada comienzo de párrafo viene definido con el tag <P>. Existe un tag de cierre de párrafo </P>, pero, en realidad, es innecesario.
 

Código fuente.

Resultado.

<P>Este texto es un único párrafo,
independientemente del
número de líneas
en que esté
escrito.

Este texto es un único párrafo, independientemente del número de líneas en que esté escrito.

<P>Este texto son
tres párrafos,
<P>independientemente del
número de líneas
<P>en que esté
escrito.

Este texto son tres párrafos,

independientemente del

número de líneas en que esté escrito.

El tag <P> permite, también, definir la alineación del texto con los modificadores correspondientes. Hay que recordar que el valor del modificador va siempre entre comillas.
 

Código fuente.

Resultado.

<P ALIGN="left"> Esto es texto alineado a la izquierda.

Esto es texto alineado a la izquierda.

<P ALIGN="center"> Esto es texto centrado.

Esto es texto centrado.

<P ALIGN="right"> Esto es texto alineado a la derecha.

Esto es texto alineado a la derecha.

<P ALIGN="justify"> Esto es texto justificado. La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo.

<P ALIGN="justify"> La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo.

Esto es texto justificado. La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo.

La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo.

La alineación de texto también puede ser definida mediante el tag <DIV>. Este tag crea una subdivisión en el documento en la que se mantiene una misma alineación. Es un tag que exige ciere </DIV>.
 

Código fuente.

Resultado.

<DIV ALIGN="left"><P> Esto es texto alineado a la izquierda.</DIV>

Esto es texto alineado a la izquierda.

<DIV ALIGN="center"><P> Esto es texto centrado.</DIV>

Esto es texto centrado.

<DIV ALIGN="right"><P> Esto es texto alineado a la derecha.</DIV>

Esto es texto alineado a la derecha.

<DIV ALIGN="justify"><P> Esto es texto justificado. La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo del párrafo.

<P> Esto es texto justificado. La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo del párrafo.</DIV>

Esto es texto justificado. La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo del párrafo.

Esto es texto justificado. La única razón de que este párrafo sea tan largo es provocar varios saltos de línea, a fin de que se pueda ver que, efectivamente, está alineado tanto en el borde derecho como en el izquierdo del párrafo.

El tag <FONT> es uno de los más completos. Con sus diferentes modificadores podemos definir varias características del texto. Es un tag que exige el ciere </FONT>.

El modificdor FACE indica el tipo de letra. ¡OJO! El usuario debe tener instalado el tipo de letra que definimos. No hay que dar por supuesto que el usuario verá la página como nosotros la diseñamos. En la práctica es preferible limitarse a los tipos de letra más usuales: Times new roman, Arial y Courier.
 

Código fuente.

Resultado.

<P><FONT FACE="arial">Arial</FONT>

Arial

<P><FONT FACE="times">Times New Roman</FONT>

Times New Roman

<P><FONT FACE="courier">Courier</FONT>

Courier

El modificador COLOR cambia el color de letra. Si no se usa este modificador el color será el definido por el modificador TEXT del tag <BODY>. Si tampoco se ha definido ahí será el negro.

Para aprender a definir colores ir a colores.
 

Código fuente.

Resultado.

<P><FONT COLOR="ff0000">Este texto está en Rojo.</FONT>

Este texto está en Rojo.

<P><FONT COLOR="0000ff">Este texto está en Azul.</FONT>

Este texto está en Azul.

<P><FONT COLOR="ffff00">Este texto está en Amarillo.</FONT>

Este texto está en Amarillo.

<P><FONT COLOR="00ff00">Este texto está en Verde.</FONT>

Este texto está en Verde.

<P><FONT COLOR="ffffff">Este texto está en Blanco.</FONT>

Este texto está en Blanco.

<P><FONT COLOR="000000">Este texto está en Negro.</FONT>

Este texto está en Negro.

El modificador SIZE cambia el tamaño de letra.
 

Código fuente.

Resultado.

<P><FONT SIZE="7">Tamaño 7</FONT>

Tamaño 7

<P><FONT SIZE="5">Tamaño 5</FONT>

Tamaño 5

<P><FONT SIZE="3">Tamaño 3</FONT>

Tamaño 3

<P><FONT SIZE="1">Tamaño 1</FONT>

Tamaño 1

Existe otro tag que define el tamaño del texto, <Hx> (donde x es un número que caracteriza el tamaño de letra) pero este tag se aplica únicamente a títulos, pues incluye implícito el estilo negrita. Es un tag que exige el ciere </Hx>.
 

Código fuente.

Resultado.

<P><H1>Texto grande (H1).</H1>

Texto grande (H1).

<P><H4>Texto normal (H4).</H4>

Texto normal (H4).

<P><H6>Texto pequeño (H6)</H6>

Texto pequeño (H6).

Los estilos de texto (negrita, cursiva, subrayado) tienen tags propios que exigen su correspondiente cierre.
 

Código fuente.

Resultado.

<P><B>Texto en negrita.</B>

Texto en negrita.

<P><I>Texto en cursiva.</I>

Texto en cursiva.

<P><U>Texto subrayado.</U>

Texto subrayado.

<P><B><U>Texto en negrita subrayado.</B></U>

Texto en negrita subrayado.

<P><I><U>Texto en cursiva subrayado.</I></U>

Texto en cursiva subrayado.

<P><B><I>Texto en negrita cursiva.</B></I>

Texto en negrita cursiva.

<P><B><I><U>Texto en negrita cursiva subrayado.</B></I></U>

Texto en negrita cursiva subrayado.

 

alt64@alt64.org

Página principal del curso
Página principal de Alt+64