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: