Formatos del texto

P a t r o c i n a d o    p o r :

El texto del documento se puede modificar de muchas formas, vamos a ver las más usuales:

Títulos

Los títulos o encabezamientos se emplean al comienzo de una sección. Las etiquetas que se usan son:

Etiqueta Se ve
<h1> Título </h1>

Título

<h2> Título </h2>

Título

<h3> Título </h3>

Título

<h4> Título </h4>

Título

<h5> Título </h5>
Título
<h6> Título </h6>
Título

Estilos de fuentes

Como ves en la tabla es muy sencillo conseguir los efectos deseados, solamente tienes que colocar el texto entre las etiquetas adecuadas.

Etiqueta Se ve
  • <B>Texto en Negrita</b>
  • <I>Itálica</i>
  • <B><I>Negrita e Itálica</i></b>
  • <U>Subrayado</u>
  • <EM>Enfatizado</em>
  • <STRONG>Fuerte</strong>
  • <CODE>Code Texto</code>
  • <CITE> Citation Text</cite>
  • <KBD>Keyboard Text</kbd>
  • <SAMP>Sample Text</samp>
  • <TT>Teletype Text</tt>
  • <VAR>Variable Element Text</var>
  • <BIG>Texto grande</big>
  • <SMALL>Texto pequeño</small>
  • <SUB>Subindice</SUB>
  • <SUP>Superíndice</SUP>
  • <BLINK> Texto intermitente</blink>
  • <STRIKE>Texto tachado</STRIKE>
  • Texto en Negrita
  • Itálica
  • Negrita e Itálica
  • Subrayado Solo Explorer
  • Enfatizado
  • Fuerte
  • Code Texto
  • Citation Text
  • Keyboard Text
  • Sample Text
  • Teletype Text
  • Variable Element Text
  • Texto grande
  • Texto pequeño
  • Subíndice Solo Explorer
  • Superíndice Solo Explorer
  • Texto intermitente Solo Netscape
  • Texto tachado

Algunas etiquetas funcionan solamente con alguno de los navegadores, tenlo en cuenta si las usas.

 

Tamaño de fuentes

El tamaño de las fuentes se puede especificar de dos maneras, una de ellas por medio de un número del 1 al 7 (de más pequeño a más grande) del siguiente modo
<font size=1> Esta es la letra más pequeña que se puede conseguir </font>
que se verá como
Esta es la letra más pequeña que se puede conseguir

Otra forma es por medio de una referencia relativa:
<font size="+1"> Esto es igual que poner size=4 </font>
que se ve como
Esto es igual que poner size=4

El tamaño por defecto es el 3

Tipos de fuentes

El tipo de fuente es un atributo de FONT y tiene la siguiente sintaxis
<font face="Courier">Eso se verá en la fuente Courier</font>
que se ve como:

Eso se verá en la fuente Courier

Color de las fuentes

Es otro atributo de FONT. Mira en la página de colores para saber cómo se especifican los colores. La sintaxis es la siguiente:
<font size=2 face="MS Sans Serif" color="navy">Como ves se pueden poner varios atributos separados por un espacio</font>
que se verá así:

Como ves se pueden poner varios atributos separados por un espacio

Párrafos y bloques

Para definir y separar bloques de texto se emplean una serie de etiquetas que definen los párrafos, texto preformateado o bloques con significado especial como direcciones o citas.
Etiquetas de bloques:

<P> Se utiliza para que los párrafos queden separados por una línea en blanco. Si solo quieres escribir un punto y aparte debes usar <BR>. Las marcas inicial y final son <P> y </P>. La etiqueta <P> admite los atributos:

ALIGN="left" , ALIGN="right" , ALIGN="center" y ALIGN="justify" para alinearlo a la izquierda, a la derecha, centrarlo o justificarlo totalmente. Por defecto está alineado a la izquierda.

<PRE> El texto insertado entre las marcas <PRE> y </PRE> será visualizado por el navegador respetando el formato con el que fue escrito en el fichero fuente HTML. Esta etiqueta es muy útil para escribir más de un espacio o para hacer pequeñas tablas

<ADDRESS> empleada para indicar que un texto representa una dirección o una firma. Generalmente se presenta en cursiva y tabulado.

<BLOCKQUOTE> Se representa con tabulaciones a la izquierda y derecha. Toda los párrafos de esta página están entre las etiquetas <BLOCKQUOTE> y </BLOCKQUOTE>, de ese modo se consigue que el texto se presente con márgenes a ambos lados.

<BR> Este elemento sólo tiene marca inicial e indica un salto de línea, es decir un punto y aparte sin separar el párrafo. Esta etiqueta no tiene su correspondiente de cierre

<HR> Se emplea para representar una línea horizontal. Tampoco tiene pareja de cierre. Se pueden emplear los atributos

ALIGN="left" , ALIGN="right" , para alinearla a la izquierda o a la derecha. Por defecto aparece centrada

WIDTH="66%" SIZE="3", para especificar el ancho en % y el alto en píxels

COLOR="#0000FF" , para especificar el color