Web Maestro
 
  Web-maestro
  Home
  Comentarios
  Reportar Error
  HTML Basico
  1.-Una pagina basica
  2.-Dando forma al texto
  3.-Enlaces con otras páginas
  4.-Imagenes
  5.-Caracteres especiales
  HTML Intermedio
  6.- Los estándares del HTML
  7.-Fondos
  8.-Alineación de las imágenes
  9.-Formato de las imágenes
  10.-Tablas
  11.-Formularios
  12.-GIFs animados
  13.-Mapas
  14.-Frames
  15.-Sonidos
  16.-Texto en movimiento
  17.-Publicación y promoción de una página
  18.-Contadores de visitas
  19.-Componer con estilo
  Temas avansados
  20.-Applets de Java
  21.-Trucos diversos
  22.-Canales de chat en páginas Web
  23.-Hojas de estilo en cascada.
  24.-Hojas de estilo en cascada.
  25.-Hojas de estilo en cascada.
  En preparacion
  26.-HTML dinámico
Subir | Imprimir | Agregar a favoritos
5.-Caracteres especiales

5. Caracteres especiales

Existen algunas limitaciones para escribir el texto. Una de ellas es debido a que las etiquetas se forman como un comando escrito entre los símbolos "<" y ">". Por tanto, si se quisieran escribir estos caracteres como parte normal del texto, daría esto lugar a una ambigüedad, ya que el programa navegador podría interpretarlos como el comienzo o final de una etiqueta, en vez de un carácter más del texto.

Para resolver este problema, existen unos códigos para poder escribir estos caracteres y otros relacionados con las etiquetas.

&lt;    para   <  (less than, menor que)
&gt;    para   >  (greater than, mayor que)
&amp;   para   &  (ampersand)
&quot;  para   "  (double quotation)
Como se ve, estos códigos empiezan siempre con el signo & y acaban siempre con ;

De una manera similar, existen códigos para escribir letras específicas de distintos idiomas. Hay muchos de ellos, pero, lógicamente, los que más nos interesan son los propios del castellano (las vocales acentuadas, la ñ y los signos ¿ y ¡ )

Los códigos de las vocales acentuadas se forman comenzando con &, seguido de la vocal en cuestión, seguido de la palabra acute (aguda) y terminando con el signo ;

&aacute; para la á
&eacute; para la é
&iacute; para la í
&oacute; para la ó
&uacute; para la ú
&Aacute; para la Á
&Eacute; para la É
&Iacute; para la Í
&Oacute; para la Ó
&Uacute; para la Ú

El resto de los códigos son:

&ntilde; para la ñ
&Ntilde; para la Ñ
&uuml; para la ü
&Uuml; para la Ü
&#191; para ¿
&#161; para ¡

Se puede consultar el juego completo de caracteres en el manual de HTML Tejedores del Web, de Carlos Castillo, en la sección Set de caracteres.

Todo esto, que como se ve es muy laborioso, puede parecer inútil ya que si escribimos nuestro texto sin hacer ningún caso de estas convenciones, escribiendo las letras acentuadas y demás signos directamente, es muy posible que el resultado lo veamos correctamente en nuestro navegador, pero nunca podremos estar seguros que les ocurra lo mismo a todos los que accedan a nuestras páginas con otros navegadores distintos.

En la práctica, el problema no es tan grave, pues los programas editores de HTML suelen tener la posibilidad de escribir los códigos automáticamente (como es el caso del utilizado para confeccionar este manual, HotDog Pro)

Incluso si se escribe en un procesador de textos de forma manual, se puede escribir el texto en una primera etapa de forma normal y luego aplicarle algún de los programas que hacen la conversión adecuada.

 

Ejemplo práctico

Como ejercicio de este capítulo vamos a sustituir en el ejemplo práctico del capítulo anterior (mipag4.html) las vocales acentuadas por sus correspondientes códigos.
Quedará de esta manera:
<HTML>
<HEAD>
<TITLE> Mi p&aacute;gina del Web - 4 </TITLE>
</HEAD>
<BODY>
<CENTER>
<H1> Mi p&aacute;gina del Web </H1>
</CENTER>
<HR>
Esta es mi p&aacute;gina del Web. No es muy extensa, pero tiene todos los
elementos b&aacute;sicos. Espero que os guste. Poco a poco le ir&eacute;
a&ntilde;adiendo m&aacute;s cosas interesantes.
<P> <A HREF="mipag2.html"> <IMG SRC="hombre.gif"> </A> Mis aficiones
<P> <A HREF="mipag3.html"> <IMG SRC="casa.gif"> </A> Mis p&aacute;ginas 
favoritas
<CENTER>
<H3> Un lugar ideal para mis vacaciones </H3>
<IMG SRC="isla.gif" ALT="isla">
</CENTER>
</BODY>
</HTML>
Guardamos el fichero de texto con el nombre mipag5.html y lo cargamos en el navegador. Este es el resultado.
Servicio  
  Esta pagina web les enseñara a aprender codigos HTML, esta pagina es para los que estan aprendiendo a usar los codigos.  
Han entrado 20504 visitantes en Web-maestro
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis