Cursillo Villano veraniego de HTML básico (7)
- No lo aprenderás todo... pero aprenderás ;) -

El formato de texto con significado especial

En el capítulo anterior vimos las etiquetas que permiten modificar la apariencia del texto en cualquier parte del documento HTML en que se encuentren. No obstante el HTML se basa en marcar el texto por su estructura y significado dejando a los navegadores su apariencia final. El HTML 4.0 ofrece una recomendación de presentación para cada una de las etiquetas que marcan este tipo de texto de significado especial, sin embargo, y como siempre, la apariencia puede cambiar de un navegador a otro.

Para comenzar, todas las etiquetas que marcan texto especial tienen etiqueta de fin, de modo que el texto al que dan propiedades específicas es el que se coloca entre las marcas de comienzo y fin. La etiquetas que nos ofrece el lenguaje para el texto con sigificado y apariencia especial son:

ETIQUETA
SIGNIFICADO
Apariencia habitual
<acronym> acrónimo normal
<address> dirección de contacto itálica
<blockquote> cita larga normal sangrado
<cite> referencia itálica
<code> líneas de código monoespacio
<del> texto borrado tachado
<dfn> definición de un término itálica
<em> énfasis itálica
<ins> texto añadido subrayado
<kbd> datos que puede introducir el usuario negrita monoespacio
<q> cita corta normal
<s> texto borrado tachado
<samp> preguta al usuario monoespacio
<strike> texto borrado tachado
<strong> énfasis intenso negrita
<var> variable de un programa itálica

Las etiquetas <s> y <strike> son etiquetas que se han quedado obsoletas en HTML 4.0 y se han sustituido por <del>.

La etiqueta <acronym> es utilizada para destacar letras y números que forman acrónimos como pudieran ser: CIA, EEUU, CGI, HTML, WWW, etc.

Para etiquetar la información de contacto que introduzcamos en un documento HTML usaremos la etiqueta <address>. Esa dirección puede ser una dirección de correo (no electrónico), de una dirección (calle, plaza, avenida, etc) o un teléfono. Esta etiqueta en su inicio y fin genera un cambio de línea. La etiqueta <address> puede anidarse con otras etiquetas como por ejemplo un hiperenlace. Veamos en el siguiente ejercicio su uso y visualización:

Para marcar citas utilizaremos las etiquetas <q> y <blockquote>. La primera es utilizada para citas cortas sin generar un cambio dfe línea y, la segunda, para citas largas generando un cambio de línea antes y después y además sangra la cita. La etiqueta <cite> permite señalar referencias a información que no se encuentre en el documento actual.

Cuando en una página queremos mostrar un segmento de un programa, sus líneas de código, utilizamos la etiqueta <code> y si hacemos referencia a alguna variable la etiqueta es <var>. Veamos el efecto de ambas etiquetas en el siguiente ejercicio:

Cuando una página hecha sufre modificaciones de añadir o quitar texto, o en ella trabajan habitualmente dos o más personas, podemos mantener una historia de las modificaciones utilizando las etiquetas <ins> (para marcar el texto que se añade y con su atributo datetime podemos indicar la fecha de la modificación) y <del> para el texto borrado.

Las demás etiquetas de las que hablamos en el cuadro del principio las veremos en próximos capítulos. A continuación y para terminar con el texto, un cuadro con las etiquetas y sus atributos para que os sirva de guía.

ETIQUETAS
ATRIBUTOS
<acronym>, <address>, <b>, <big>, <center>, <cite>, <code>, <del>, <dfn>, <em>, <i>, <kbd>, <s>, <samp>, <span>, <strike>, <strong>, <sub>, <sup>, <tt>, <u>, <var> class, id, style, tittle, lang, dir
<basefont>, <font> size,color, face
<q>, <blockquote> cite, class, id, style, tittle, lang, dir
<br> clear, class, id, style, tittle, lang, dir
<div>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p> align, class, id, style, tittle, lang, dir
<hr> align, noshade, size, width, class, id, style, tittle, lang, dir
<ins> cite, datetime, class, id, style, tittle, lang, dir
<pre> width, class, id, style, tittle, lang, dir

En los próximos capítulos vamos a ver como se incluyen en una página una lista de definiciones en sus modos ordenados, no ordenados, de definiciones o glosario y de menús o directorios, dónde seguiremos dando formato especial al texto.


[Lee MakyPress, nuestras noticias para Internautas]
 
 
Indice del curso
Indice del curso
 

[Lee MakyPress, nuestras noticias para Internautas]
 
 
Versión para imprimir Hecho por escuela@villanos.net en 2000
 

[Lee MakyPress, nuestras noticias para Internautas]