TECNOLÓGICO DE MONTERREY CURSO DE PROGRAMACIÓN HTML BÁSICO Y CREACIÓN DE PÁGINAS WEB
DESCRIPCIÓN DEL CURSO
TEMA 2
TEMA 3
TEMA 4
TEMA 5
PREGUNTAS FRECUENTES
SITIIOS DE INTERÉS
GLOSARIO
INICIO
TEMARIO
TEMA 3: Formato básico del documento  
 
3.10 Caracteres especiales


Dentro del lenguaje HTML, existe una clasificación particular para letras o símbolos que deben de ser codificadas de manera especial. Entre estas letras están las letras acentuadas, letras con paréntesis, eñes, símbolos como el copyright, etc.

Estos caracteres son de dos tipos: un tipo de caracteres que tienen un significado especial dentro del código del HTML, como el símbolo de mayor que ">"; y el otro tipo de caracteres, incluye a los que no pueden ser escritos directamente desde el teclado, como el símbolo de los derechos reservados ©.


Es importante hacer notar que los exploradores (navegadores) y los editores de HTML son generalmente en inglés, por lo que no pueden leer directamente los caracteres propios de nuestro idioma (acentos, eñes y diéresis), lo que los convierte en caracteres especiales.

A continuación podrás ver una lista de los códigos que deben de escribirse, para ver desplegados en el navegador los caracteres especiales más comunes:


Caracter
Especial
Etiqueta Caracter
Especial
Etiqueta
á ä
Á Ä
é ë
É Ë
í ï
Í Ï
ó ö
Ó Ö
ú ü
Ú Ü
ñ ÷
Ñ ø
<
>
©
® ¡
˜
« ˆ
»

Para usar los caracteres especiales se sustituye la letra o símbolo con la etiqueta. Veamos un ejemplo:

El código se escribe: Ma&iacute;a
Se despliega: María

Existen también unos caracteres que hacen funciones de "espaciado" dentro del código, el más común es espacio sin salto de línea (non-breaking space en inglés) que se utiliza, por ejemplo, cuando existen celdas vacías en las tablas. Su etiqueta se inserta al igual que las de caracteres especiales y en este caso es: &nbsp

En el editor de HTML que estamos usando se facilita el uso de caracteres especiales siguiendo estos pasos:

En la pestaña de HTML
1. Inserta el código directamente, escribiendo la clave para el caracter que desees desplegar.
2. Como otra posibilidad, sigue los pasos descritos para la pestaña de Design.

En la pestaña de Design
1. Posiciona el cursor en donde quiere insertar el caracter especial.
2. Da un clic en el icono de caracter que está en la barra de herramientas, o seleccione el menú Insert/Special Characters para que se despliegue una ventana.
3. Selecciona el caracter especial dando doble clic sobre éste. La etiqueta aparecerá en el campo Tags to Insert into HTML.
4. Da un clic en OK y la etiqueta correspondiente se agregará al código.


 
 
TEMARIO