Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 22-08-2017.

Visitas este mes: 93

Visitas el mes pasado: 144

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




2. Insertar textos en HTML (IV)

2.4 Caracteres especiales

html

Caracteres que utiliza HTML

Al escribir el código en HTML, hay una serie de caracteres que no podemos escribir directamente, tal es caso de los signos < y >. Tampoco podemos escribir directamente mas de un espacio entre dos palabras, y otra serie de caracteres puede que no siempre aparezcan correctamente escritos o puede que haya dificultades en algunos navegadores para verlos bien. ¿Qué hacer si queremos introducir estos caracteres en una página?

Para escribir este tipo de caracteres con la seguridad de que se verán siempre bien, debemos sustituirlos por unas expresiones llamadas entidades HTML. Cada entidad HTML que representan a un caracter:

La siguiente tabla muestra las entidades HTML más usadas y sus correspondientes caracteres:

Entidad Carácter Descripción
&lt; < signo menor que
&gt; > signo mayor que
&amp; & ampersand
&quot; " comillas
&nbsp; (espacio en blanco) espacio en blanco
&apos; ' apóstrofo

Los signos de mayor >, menor <, ampersand & y el espacio en blanco   no pueden escribirse directamente, por lo que utilizaremos siempre los caracteres especiales.

Las comillas y el apóstrofo (o comillas simples), la mayoría de las veces podemos introducirlos directamente, sin embargo, hay ocasiones en las que pueden darnos problemas, por lo que si vemos que el resultado no es el esperado, los sustituiremos por su correspondiente entidad.

Los espacios en blanco, como ya se dijo en la página anterior, también se consideran caracteres especiales, y deben escribirse mediante su entidad html.

Así por ejemplo si queremos escribir el siguiente texto en una página web:

Los caracteres < > & y " son usados en las etiquetas HTML

deberemos escribir el siguiente código:

<p>Los caracteres &lt; &gt; &amp; y &quot; son usados en las etiquetas HTML</p>


Caracteres no usados en inglés

Los caracteres propios de los idiomas diferentes al inglés también pueden ser problemáticos, aunque dentro de un mismo país se suelen mantener, si en su recorrido por la red hasta llegar al navegador del usuario cambia la configuración de los distintos servidores por los que pasa, puede que estos caracteres no se vean bien.

La solución más sencilla para asegurar que todos estos caracteres potencialmente problemáticos se vean correctamente en el navegador del usuario consiste en sustituir cada carácter problemático por su entidad HTML:

La lista de estos caracteres que aparecen en español, pero no en inglés, y que pueden ser problemáticos es la siguiente:

Entidad Carácter Descripción
&ntilde; ñ ñ - eñe minúscula
&Ntilde; Ñ Ñ - eñe mayúscula
&aacute; á á - a con acento minúscula
&eacute; é é - e con acento minúscula
&iacute; í í - i con acento minúscula
&oacute; ó ó - o con acento minúscula
&uacute; ú ú - u con acento minúscula
&Aacute; Á Á - A con acento mayúscula
&Eacute; É É - E con acento mayúscula
&Iacute; Í Í - i con acento mayúscula
&Oacute; Ó Ó - O con acento mayúscula
&Uacute; Ú Ú - u con acento minúscula
&uuml; ü ü - u con diéresis minúscula
&Uuml; Ü Ü - u con diéresis mayúscula
&euro; signo del euro


Otros caracteres especiales:

En realidad cualquier caracter se puede representar por su entidad. Las entidades pueden representarse también por el signo & seguido de el signo # (almohadilla) y su número, acabando por el punto y coma:

&#(núm_de _caracter); . Por ejemplo si escribimos el código &#97; en el navegador veremos la letra a (minuscula).

En la Wikipedia se puede consultar la lista completa de las 252 entidades HTML definidas:

http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references.

También puedes consultar la lista de las entidades HTML para los caracteres más usados habitualmente en el siguiente enlace: http://ascii.cl/es/codigos-html.htm.

En esta lista, las dos primeras columnas indican el número del carácter en el código ASCII, tanto en notación decimal como + hexadecimal. Lo que nos interesa a nosotros son las siguientes columnas. En la tercera vemos el caracter. La cuarta indica la entidad correspondiente, escrita mediante su número correspondiente. En la quinta vemos las entidades que tienen nombre propio (sin utilizar el número) y en la quinta nos describe el caracter.

En el siguiente ejercicio escribimos el código de una página en la que se utilizan varios caracteres especiales. Puedes copiarlo en el editor de textos, guardarlo como archivo html, y comprobar el resultado con nosotros:

<html>
<head>
<title>Caracteres especiales</title>
</head>
<body>
<h1><center>Caracteres especiales</center></h1>
<p>El lenguaje HTML emplea los signos &lt; y &gt; para escribir 
   las etiquetas.</p>
<p>Para escribir el signo &lt; en el editor de textos debemos escribir 
   primero el signo &amp; (ampersand) seguido de las letras lt y 
   terminando con el signo ; (punto y coma).</p>
</body>
</html>

Para ver como queda esta página en el navegador pulsa el siguiente enlace:

Caracteres especiales





En las dos siguientes páginas veremos algunos atributos que pueden llevar las etiquetas de texto para modificar su estilo.

Estilo de texto I







manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com