Texto en HTML (III)
por Luciano Moreno, del departamento de diseño web de BJS Software.

ETIQUETAS DE ESTILO LÓGICO.-

Las principales etiquetas que nos ofrece HTML para el formateo lógico de un texto son:

• <ADDRESS>...</ADDRESS>, (Dirección), que se utiliza para especificar direcciones personales o de correo electrónico. Ejemplo:
  
  
  morenocerro2@terra.es
  
  
  
• <BLOCKQUOTE>...</BLOCKQUOTE>, que introduce citas textuales o texto destacado (Cita de Bloque). El texto contenido entre estas etiquetas aparecera normalmente sangrado respecto a los margenes izquierdo y derecho. Ejemplo:

  En HTML disponemos de etiquetas físicas y lógicas, y normalmente siempre encontraremos etiquetas de ambos tipos equivalentes, que produzcan el mismo resultado. La diferencia principal entre ambos estilos reside en su propia concepción.

• <CITE>...</CITE>, que se utiliza también para introducir citas textuales o títulos de libros, etc. (Cita). El texto afectado aparerera en cursiva pero sin sangrar. Ejemplo:
  
  En HTML disponemos de etiquetas físicas y lógicas, y normalmente siempre encontraremos etiquetas de ambos tipos equivalentes, que produzcan el mismo resultado. La diferencia principal entre ambos estilos reside en su propia concepción.
  
  
• <DFN>...</DFN>, (Definición), que se usa para especificar definiciones de términos. El efecto sobre el texto es análogo al de la etiqueta anterior. Ejemplo:
  
  En HTML disponemos de etiquetas físicas y lógicas, y normalmente siempre encontraremos etiquetas de ambos tipos equivalentes, que produzcan el mismo resultado. La diferencia principal entre ambos estilos reside en su propia concepción.
  
  
• <CODE>...</CODE>, (Código), que indica que el texto afectado es una porción de código fuente de un lenguage de programación, por lo que aparecera en un tamaño de fuente menor y en fuente monoespaciada, tipo teletype. Ejemplo:
  
  <SCRIPT LANGUAGE = " JavaScript ">
 function desab( i ) {
 document.forms[i].caja.disabled=true;
 }
 function hab(i) {
 document.forms[i].caja.disabled=false;
 }
</SCRIPT>
  
  
• <EM>...</EM>, (Emphasis), que indica que el texto afectado debe ser enfatizado. Su resultado final es el de presentar el texto en cursiva, por lo que es análogo al de la etiqueta CITE. Ejemplo:
  
  Volveran las oscuras golondrinas...
  
  
• <KBD>...</KBD>, que indica un texto que ha sido introducido desde el teclado, aunque no esta bien implementado y el texto entre etiquetas no se ve afectado de ninguna forma, por lo que carece de interés.
  
  
• <SAMP>...</SAMP>, (Sample=Ejemplo), que indica que el texto corresponde a un ejemplo o a un mensaje de estado del ordenador. El texto aparecera en pantalla de menor tamaño que el resto y en fuente teletype, al igual que ocurre con la etiqueta CODE.
  
  
• <STRIKE>...</STRIKE>, que indica que estamos ante un texto que ya no es valido, por lo que aparecera tachado. Su uso esta ya desaconsejado por el W3C. Ejemplo:
  
  este texto ya no es valido
  
  
• <DEL>...</DEL>, (Delete), de efecto análogo a la anterior, se utiliza para destacar partes del texto que se han corregido y ya no son validas, presentando el texto tachado. Ejemplo:
  
  este texto aparecera tachado
  
  
• <INS>...</INS>, (Insert), complementaria de la anterior, indica el texto que sustituye al que ya no es valido, presentandolo subrayado. Ejemplo:
  
  este es el nuevo texto
  
  NOTA.- tanto la etiqueta DEL como INS aceptan el atributo DATETIME, que sirve para especificar la fecha en que la modificación del texto ha sido llevada a cabo, debiendo usarse entonces para esta fecha uno de los siguientes formatos:
  
  <INS DATETIME="2001-04-12T10:12+01:00">
  
  (insertado el 12 del 4 del 2001 a las 10 y 12 minutos según el horario UTC – Coordinated Universal Timed – mas 1 hora)
  
  <INS DATETIME="2001-04-12">
  
  (insertado el 12 del 4 del 2001)
  
  
• <STRONG>...</STRONG>, (Fuerte), que se usa para indicar textos importantes, por lo que estos aparecen resaltados en negrita. Ejemplo:
  
  Este texto es importante
  
  
• <VAR>...</VAR>, (Variable), que se usa para indicar variables de programación. El texto afectado aparece en cursiva. Ejemplo:
  
  var strName="Pepe";
  
  
• <ACRONIM>...</ACRONIM>, (Acrónimo), que se usa para presentar abreviaturas. Su uso esta desaconsejado por el W3C, y en la practica no afecta al texto entre ellas.
  
  
• <XMP>...</XMP>, (Example), destinadas a presentar ejemplos de textos fuente, representando el texto afectado en fuente monoespaciada. Estan desaconsejadas ya por el W3C, por lo que no conviene usarlas. Ejemplo:
  
  Este texto es un ejemplo.
• <PLAINTEXT>...</PLAINTEX>, (TextoPlano), destinadas sólo para la presentación de textos de una forma no formateada. Estan desaconsejadas ya por el W3C, por lo que no conviene usarlas.
  
  
• <LISTING>...</LISTING>, (Listado), destinadas para presentar código fuente de programas. Estan desaconsejadas ya por el W3C, por lo que no conviene usarlas.
  
  NOTA.- Estas trés últimas etiquetas no se deben usar, sustituyéndolas por las etiquetas <PRE>...</PRE>.
  
  
• <PRE>...</PRE>, (Preformatted), que presenta el texto con longitud fija de fuente y con el formato real que presente como texto mismo, es decir, los espacios, indentaciones, sangrías y avances de línea que presente el texto se mantienen en su presentación en pantalla, elementos que de otra forma no serían tomados en cuenta por el navegador a la hora de renderizar el texto. Ademas, el texto se presenta en fuente monoespaciada (generalmente tipo Courier) y en un tamaño menor que el del texto normal. Este tipo de estilo se puede aplicar para presentar listados de código fuente de programas o para presentar datos en forma de tablas sin tener que usar las etiquetas específicas de HTML para ello. Admite como atributo width="n", que fija la anchura maxima de los renglones preformateados, aunque sólo es interpretada por Internet Explorer 5x y Nestcape Navigator 6x. Ejemplo:
  
  

             Este     es un     texto                 preformateado
          

• <BDO>...</BDO>, (BiDireccional Overwrite), que se usa junto con el atributo universal DIR para poder cambiar la dirección del texto en casos puntuales, cuando por incompatibilidades entre etiquetas anidadas no es posible hacerlo con estas. Esto es especialmente útil cuando queremos representar en nuestra página una porción de texto en alguno de los idiomas en los que el texto fluye de derecha a izquierda. Así:
  
  <BDO DIR="rtl">soida</BDO>
  
  da lugar a:
  
  soida
  
  
• <BLINK>...</BLINK>, (Parpadeante), que transforma el texto entre ambas en un texto con efecto parpadeante. Sólo es soportada por Nestcape Navigator, por lo que no conviene su uso.
  
  
• <SUP>...</SUP>, que sirve para obtener superíndices. Ejemplo:
  
  esta habitación tiene 25 m<SUP>2</SUP>
  
  que nos da:
  
  esta habitación tiene 25 m²
  
  
• <SUB>...</SUB>, para obtener subíndices. Ejemplo:
  
  el símbolo químico del agua es H₂O