ejemplo de enlaces habituales

Enlace al inicio del sitio web
<a href=”/”>Inicio</a>
Enlace a un email
<a href=”mailto:nombre@direccion.com” title=”Dirección de email para solicitar  más información”>
Solicita más información
</a>
La forma de mostrar las direcciones de correo electrónico en las páginas web consiste en incluir la dirección en una imagen o indicarla de forma que solamente los usuarios puedan entenderlo:
<p>La dirección de correo es <strong>nombre (arroba) direccion.com</strong></p>
<p>La dirección de correo es <strong>nombre_arroba_direccion.com</strong></p>
<p>La dirección de correo es <strong> nombre QUITAESTO @direccion.com </strong> </p>
<p>La dirección de correo es <strong>nombre(ARROBA)direccion.com</strong></p>
<p>La dirección de correo es <strong>nombre @ direccion . com</strong></p>

Publicado en HTML | Deja un comentario

enlaces basicos

Los enlaces en HTML se crean mediante la etiqueta <a> (su nombre viene del inglés “anchor”, literalmente traducido como “ancla”).                                                                           El atributo más importante de la etiqueta <a> es href, que se utiliza para indicar la URL a la que apunta el enlace. Cuando el usuario pincha sobre un enlace, el navegador se dirige a la URL del recurso indicado mediante href. Las URL de los enlaces pueden ser absolutas, relativas, internas y externas.                                                                                                     Para crear un enlace que apunte a la página principal de Google
solamente habría que incluir lo siguiente en un documento HTML:
<a href=”http://www.google.com”>Página principal de Google</a>

Un truco muy útil con los enlaces es el uso de URL relativas para poder volver al inicio del sitio web desde cualquier página web interior:                                                                             <a href=”/”>Volver al inicio</a>

Publicado en HTML | Deja un comentario

enlaces relativos y absolutos

Las páginas web habituales suelen contener decenas de enlaces de diferentes tipos.   Cuando se pincha sobre algunos enlaces, el navegador abandona el sitio web para
acceder a páginas que se encuentran en otros sitios. Estos enlaces se conocen como “enlaces externos”. Sin embargo, la mayoría de enlaces de un sitio web apuntan a páginas del propio sitio web, por lo que se denominan “enlaces internos”.

Además de internos/externos, la otra característica que diferencia a los enlaces (y por tanto, también a las URL) es si el enlace es absoluto o relativo. Las URL absolutas incluyen todas las partes de la URL (protocolo, servidor y ruta) por lo que no se necesita más información para obtener el recurso enlazado.                                                                            Las URL relativas prescinden de algunas partes de las URL para hacerlas más breves. Como se trata de URL incompletas, es necesario disponer de información adicional para obtener el recurso enlazado. En concreto, para que una URL relativa sea útil es imprescindible conocer la URL del origen del enlace.                                                              URL absoluta: http://www.ejemplo.com/ruta1/ruta2/pagina2.html                                  URL relativa: /ruta1/ruta2/pagina2.html

Publicado en HTML | Deja un comentario

los enlaces web: URL

  • LAS URL:

La incorporación del hipertexto fue una de las claves del éxito del lenguaje HTML, ya que
permitió crear documentos interactivos que proporcionan información adicional cuando se
solicita. El elemento principal del hipertexto es el “hiperenlace”, también llamado “enlace web” o simplemente “enlace”.Los enlaces se utilizan para establecer relaciones entre dos recursos.
Aunque la mayoría de enlaces relacionan páginas web, también es posible enlazar otros recursos como imágenes, documentos y archivos.

En primer lugar, las URL permiten que cada página HTML publicada en Internet tenga un nombre único que permita diferenciarla de las demás. De esta forma es posible crear enlaces que apunten de forma inequívoca a una determinada página.
El segundo objetivo de las URL es el de permitir la localización eficiente de cada recurso de
Internet. Para ello es necesario comprender las diferentes partes que forman las URL. Una URL sencilla siempre está formada por las mismas tres partes. Si por ejemplo se considera la siguiente URL:
http://www.librosweb.es/xhtml/capitulo4.html
Las partes que componen la URL anterior son:
▪ Protocolo (http://): el mecanismo que debe utilizar el navegador para acceder a ese
recurso. Todas las páginas web utilizan http://. Las páginas web seguras (por ejemplo las
de los bancos y las de los servicios de email) utilizan https:// (se añade una letra s).
▪ Servidor (www.librosweb.es): simplificando mucho su explicación, se trata del ordenador
en el que se encuentra guardada la página que se quiere acceder. Los navegadores son
capaces de obtener la dirección de cada servidor a partir de su nombre.
▪ Ruta (/xhtml/capitulo4.html): camino que se debe seguir, una vez que se ha llegado al
servidor, para localizar el recurso específico que se quiere acceder.
Por tanto, las URL no sólo identifican de forma única a cada recurso de Internet, sino que
también proporcionan a los navegadores la información necesaria para poder llegar hasta ese recurso.
La mayoría de URL son tan sencillas como la URL mostrada anteriormente. No obstante, existen URL complejas formadas por más partes.

http://www.alistapart.com/comments/webstandards2008?page=5#42

Las cinco partes que forman la URL anterior son:
▪ Protocolo (http://)
▪ Servidor (www.alistapart.com)
▪ Ruta (/comments/webstandards2008)
▪ Consulta (?page=5): información adicional necesaria para que el servidor localice
correctamente el recurso que se quiere acceder. Siempre comienza con el carácter ? y
contiene una sucesión de palabras separadas por = y &
▪ Sección (#42): permite que el navegador se posicione automáticamente en una sección de
la página web. Siempre comienza con el caracter #

 

Publicado en HTML | Deja un comentario

codificacion de caracteres

Algunos de los caracteres que se utilizan habitualmente en los textos no se pueden incluir directamente en las páginas web:
Los caracteres que utiliza HTML para definir sus etiquetas (<, > y “) no se pueden utilizar
libremente.
▪ Los caracteres propios de los idiomas que no son el inglés (ñ, á, ç, ¿, ¡, etc.) pueden ser
problemáticos dependiendo de la codificación de caracteres utilizada.
La solución a la primera limitación consiste en sustituir los caracteres reservados de HTML por unas expresiones llamadas entidades HTML y que representan a cada carácter:
Entidad / Carácter
&lt;               <
&gt;              >
&amp;         &
&quot;         ”
&nbsp; (espacio en blanco)
&apos;         ‘
&ntilde;       ñ
&Ntilde;      Ñ
&aacute;      á
&eacute;      é
&iacute;       í
&oacute;      ó
&uacute;      ú
&Aacute;     Á
&Eacute;     É
&Iacute;      Í
&Oacute;    Ó
&Uacute;    Ú
&euro;         €

Si se utilizan las entidades HTML en vez de los caracteres problemáticos, es indiferente pasar de
una codificación de caracteres a otra diferente.

Publicado en HTML | Deja un comentario

unicode utf

El Estándard Industrial Unicode (Unicode Industrial Standard) tiene por objetivo reemplazar y unificar las codificaciones de caracteres existentes con el fin de reducir su número y mejorar su efectividad (resolviendo carencias de otras codificaciones). El estándar Unicode codifica caracteres usando diferentes esquemas llamados Formatos de Transformación Unicode (UTF).

El UTF-8 es un set de caracteres de 8-bits de longitud variable para Unicode que está volviéndose muy popular para Internet debido a su capacidad para representar todos los carácteres universales aún siendo compatible con ASCII (código estándar americano para intercambio de información). UTF-8 usa de 1 a 4 bytes para codificar un caracter simple (8 a 32 bits) dependiendo del símbolo Unicode.
Un documento HTML utilizando el set de caracteres UTF-8 debería contener una declaración en su encabezado realizada mediante el tag HTML meta (por ejemplo, ). Los símbolos pueden ser insertados en este tipo de documentos usando un código simple que se asocia a un carácter específico, como por ejemplo Σ (notación decimal), o Σ (notación hexadecimal) el cual mostrará la letra griega mayúscula “Sigma” (“Σ”). La graficación de símbolos Unicode depende del tipo de fuente utilizada por el navegador, y la mayoría de ellas no da soporte para todos los caracteres en el estándar Unicode (los caracteres no soportados son mostrados como cuadrados o signos de interrogación). Lee la referencia de entidad de caracteres para más información acerca de la representación de caracteres especiales en documentos HTML.

Publicado en HTML | Deja un comentario

documento base

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>

<meta http-equiv=”Content-Type” content=”text/html;
charset=utf-8″ />

<title>Título de la web</title>

</head>

<body>
<p>Aquí va el contenido</p>
</body>

</html>

Publicado en HTML | Deja un comentario