Writing HTML | Acerca de | FAQ | Alumnos | Tags | Lecciones | anterior | siguiente |

10. Caracteres Especiales

¿Cómo diría...

>>>Æ ñ Þóßÿ ?

NOTA:Si los caracteres anteriores no muestran aventos o marcas diacríticas eso quiere decir que su Browser no soporta el conjunto ISO de caracteres estándar. Entonces debería saltarse esta lección.

Objetivos

Después de esta lección será capaz de:

Usar el conjunto de caracteres ISO estándar del tipo Latín 1 con el código HTML para mostrar acentos en los caracteres no británicos.
Utilizar los códigos HTML < y > cuando los necesite en un documento.
Añadir espacios extra entre palabras y caracteres dentro de un documento.

Lección

Nota: Si no tiene el documento de trabajo de la lección anterior, bájese una copia ahora.

Acentos

A veces podría necesitar usar un caracter especial en sus documentos, un acento o una marca diacrítica. Los únicos que son aceptados se conocen como ISO. Estos caracteres especiales se marcan en HTML como:


   &xxxx;

donde XXXX es el nombre del código del caracter específico.

Por ejemplo, en la sección de "Terminología" de nuestra lección sobre volcanes queremos añadir una explicación de un término técnico que se usó para describir un tipo particular de flujo volcánico. Este término nuee ardente, que proviene del francés, significa candente, ardiente; pero para usarlo apropiadamente necesitamos incorporar un acento "agudo", de modo que la palabra aparezca como nuée ardente. En este caso remplazaremos la primera e en nuee con el código HTML para la "e" acentuada: é:


     nu&eacute;e ardente

Para más información vea la lista de caracteres ISO estándar.

Ahora añadiremos una frase a nuestro documento HTML en el que se usen letras acentuadas:

Abra el archivo index.htm en su editor de textos.
Bajo la lista de términos de la sección de "Terminología de Volcanes" introduzca el siguiente texto:
```
 The term nu&eacute;e ardente, or 
 "glowing cloud" was first used by La Croix (1904)
 in his description of the volcanic flows he observed in 
 the 1902 eruption of Mt Pel&eacute;e, a historically 
 active volcano on the island of Martinique.
```
NOTA: Hemos aplicado la marca de acento agudo para dos letras "e" en esta frase. ¡No le parezca extraño! Asegúrese de que remplaza la letra con la sentencia que muestra la misma letra pero acentuada.
Salve y Actualice el archivo HTML.

Secuencias de Escape del HTML

El código para los acentos no es más que un ejemplo de una clase mucho más general de etiquetas conocidas como secuencias de escape. Al comenzar con el HTML se habrá preguntado qué hacer cuando se necesite escribir un signo < (menos que) o un > (más que). Estos dos caracteres, junto con el & (ampersand), tiene especial relevancia en HTML y no pueden ser usados tal cual. En su lugar se utilizan las secuencias de escape.


   &lt;  se usa para <
   &gt;  se usa para > 
   &amp; se usa para &

Apliquemos ahora uno de estos símbolos en nuestra lección de volcanes. En la lección anterior habíamos añadido una lista con diversos volcanes y cuánto material habían desprendido con cada erupción. Digamos que uno de los valores (p. ej., 500-600 de Long Valley) no es muy seguro (a menudo estos valores son estimativos) y queremos que los datos se presenten más "aproximativamente", algo similar a >450 & <700. Para esto:

Abra el archivo index.htm en su editor de textos.
Bajo el encabezado de Volúmenes de Algunas Erupciones Volcánicas Conocidas busque la entrada para Long Valley:
```
  Long Valley, California     prehistoria        500 - 600
```
y cámbiela por:
```
  Long Valley, California     pre-historic       &gt;450 &amp; &lt;700
```
NOTA: Aunque usamos las secuencias de escape dentro de texto preformateado note que el Browser interpreta y muestra correctamente los caracteres especiales. Las secuencias de escape pueden ser usadas de este modo en cualquier parte de un documento HTML, incluyendo encabezados y anchor links.
Salve y Actualice el archivo HTML.

Espacios Extra

Como ya habrá visto un web Browser ignorará todos los espacios "extraños" de sus archivos HTML. No obstante, habrá ocasiones en las que desee tener más de un espacio. ¿Cuándo? A algunos escritores les gusta tener dos espacios tras el punto de final de frase. ¿O qué me dice de "indentar" un texto; esto es, dejar un espacio al principio de cada frase? ¿Y de tener una palabra con sus letras espaciadas?

El código para añadir un caracter de espacio se conoce como "espacio duro", o "espacio no-roto":

  &nbsp;

Aquí tiene algunos ejemplos de cómo podría usar el "espacio duro":

HTML Resultado

Dos espacios duros son utilizados para separar las letras de una palabra

<tt> Q   U   E   S   O </tt>
Q U E S O

Dos espacios duros se utilizan para indentar la primera frase de cada párrafo

    Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición. Hubo mucha tristeza en la tierra. Y tampoco queso.     Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.
 Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición. Hubo mucha tristeza en la tierra. Y tampoco queso.
 Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.

O usar un espacio extra al final de cada frase.

    Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición.   Hubo mucha tristeza en la tierra.   Y tampoco queso.     Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.
 Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición. Hubo mucha tristeza en la tierra. Y tampoco queso.
 Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.

HTML	Resultado
Dos espacios duros son utilizados para separar las letras de una palabra
<b><tt> Q   U   E   S   O </tt></b>	`Q U E S O`
Dos espacios duros se utilizan para indentar la primera frase de cada párrafo
Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición. Hubo mucha tristeza en la tierra. Y tampoco queso. <p>     Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.	Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición. Hubo mucha tristeza en la tierra. Y tampoco queso. Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.
O usar un espacio extra al final de cada frase.
Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición.   Hubo mucha tristeza en la tierra.   Y tampoco queso. <p>     Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.	Cuando Sir Longhorn hubo muerto trágicamente nadie continuó su tradición. Hubo mucha tristeza en la tierra. Y tampoco queso. Pero entonces, la joven genio Sheila Colby descubrió el ingrediente perdido. Y, de nuevo, el queso volvió a su apogeo.

Quizás quiera experimentar con diferentes maneras de usar el espacio duro. En este momento no modificaremos nuestro documento HTML, pero si lo desea puede añadir código para indentar cada frase de apertura de todos los párrafos usando dos veces el código especial de espacio duro.

Compruebe Su Trabajo

Compare su documento con un ejemplo de cómo debería resultar. Si su documento apareciera diferente del del ejemplo revise en el editor de textos cómo introdujo el texto. Asegúrese de haber construido correctamente las secuencias de escape con los caracteres & y ;

Más Información

Aquí tiene algunos caracteres especiales más que podrían resultarle útiles:

Nombre	HTML	Resultado
Copyright	`©`	©
Trademark	`®`	®

Revisión

Tópicos a recordar de esta lección:

En HTML, ¿cuál es la manera correcta de mostrar el código alemán umlaut (ü)?
¿Qué ocurre si no usa una secuencia de escape para el < y el >?
¿Porqué se necesita un caracter especial para el caracter &?
¿Cómo se pueden indentar párrafos?

Práctica Independiente

En su documento HTML añada alguna palabra extranjera que requiera del uso de un acento especial o una expresión matemática que use los símbolos < o >. O añada algunos espacios extra para indentar sus párrafos.

A Continuación....

Construyamos una bibliografía usando una lista descriptiva.

IR A.... | Índice de Lecciones | anterior: "Texto Preformateado" | siguiente: "Listas Descriptivas" |

Writing HTML Lección 10: Caracteres Especiales

El enlace con el MCLI es Alan Levine --}
Comentarios a levine@maricopa.edu
Traducido al español por agma@usa.net

URL: