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: 29-01-2016.

Visitas este mes: 152

Visitas el mes pasado: 112

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

Los signos < y >, que utilizamos en HTML para escribir etiquetas no podemos introducirlos directamente en el texto. ¿Qué hacer si queremos introducir estos caracteres en una página, tal como hemos hecho en este párrafo?

Estos signos y algunos otros no podemos escribirlos directamente en la página. La solución consiste en sustituirlos por unas expresiones llamadas entidades HTML y que representan a cada caracter:

La siguiente tabla muestra las entidades HTML con las que debemos sustituir a estos 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

Las comillas y el apóstrofo (comillas simples), en 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 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);

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.

Si consultas esta lista, verás que en la primera columna está el nombre de la entidad que se pone entre los signos &(nombre); en la segunda columna está el signo de la entidad, y en la tercera columna, el número que hay entre paréntesis es el número que ponemos después del signo # para escribirla: &#(número);.

Es siguiente código muestra una página de ejemplo en la que se utilizan varios de estos caracteres:

<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