Html- enlaces
Páginas: 14 (3480 palabras)
Publicado: 6 de marzo de 2011
MANUAL HTML (ENLACES)
Creado por “l3”
Introducción:
En este manual te enseñare como crear enlaces y cómo manejarlos con HTML, ya que sin los enlaces de hipertexto no se podrían conectar las paginas web. Un enlace puede ser fácilmente detectado en una página. Basta con deslizar el puntero del ratón sobre las imágenes o el texto y ver cómo cambia de su forma original transformándose porregla general en una mano con un dedo señalador. Adicionalmente, estos enlaces suelen ir, en el caso de los textos, coloreados y subrayados para que el usuario no tenga dificultad en reconocerlos. Si no especificamos lo contrario (ya tendremos ocasión de explicar cómo), estos enlaces texto estarán subrayados y coloreados en azul. En el caso de las imágenes que sirvan de enlace, veremos que estándelimitadas por un marco azul por defecto. Veremos paso a paso como utilizar al máximo los enlaces, sus respectivas etiquetas y aprovecharlos para facilitar nuestra navegación en una página web. Encontraras una diversa gama de ejercicios que iremos haciendo y ejemplos para que puedas visualizar como te quedara lo que vayamos haciendo. Veras que los enlaces es algo tan sencillo de utilizar, y teservirá demasiado a la hora de crear tu propia página web, tratare de ser lo más detallado que se pueda.
INDICE:
Página Capitulo 1: “Etiquetas y atributos de los enlaces”.........................................................3-4 Capitulo 2: “Enlaces internos, locales, remotos, con direcciones de correo y enlaces conarchivos”.................................................................................................................4-7 Capitulo 3: “Uso de alink, vlink y link”...............................................................................8 Capitulo 4: “Enlaces con imágenes”.......................................................................9,10-11 Capitulo 5: “Crear una barra de inicio con tablas”.....................................................11-12 Capitulo 6:“Quitar la línea del enlace con CSS (Bonus)” ........................................12-13 Créditos .........................................................................................................................13
Capitulo 1: “Etiquetas y atributos de los enlaces”
En los enlaces HTML utilizaremos una etiqueta con su respectivo cierre que será luego agregamos un atributo llamado “href”que servirá para especificar el archivo, imagen o programa al cual le aplicaremos el enlace. El código completo quedaría así: contenido Como podemos observar, colocamos las etiquetas y le agregamos el atributo “href” también ponemos el signo igual y las comillas (recuerda siempre colocar las comillas en los enlaces ya que a la hora de agregar más atributos no funcionara el link). Observa elejemplo de abajo de cómo quedara a la hora de poner el código HTML completo: enlaces Ir a la página siguiente Nota: Puedes ver el funcionamiento de este ejercicio haciendo clic aquí Como vemos no es tan difícil hacer un link para un website. Nofollow es un atributo de los links HTML (etiqueta ), que sirve para definir o marcar el comportamiento de los buscadores cuando rastrean nuestra páginaweb en busca de contenidos para indexarlos. Por defecto, cuando un buscador visita una página web va recorriendo todos sus enlaces y va indexando su contenido en su base de datos de páginas. Esto es algo que hacen automática y periódicamente. Ocurre tanto con los enlaces internos a otras páginas de nuestro sitio como con los enlaces externos a otras páginas web. Los motores que recorren las websde enlace a enlace, se llaman arañas. Ahora bien, nosotros podemos, a través del atributo rel="nofollow", decirle a un buscador que no continúe indexando los contenidos de la pagina a la que lleva un enlace en particular. Lo haríamos así: enlace Como interpretan los buscadores el nofollow
El atributo es tenido en cuenta no solo por el motor de indexación (araña) del buscador Google,...
Creado por “l3”
Introducción:
En este manual te enseñare como crear enlaces y cómo manejarlos con HTML, ya que sin los enlaces de hipertexto no se podrían conectar las paginas web. Un enlace puede ser fácilmente detectado en una página. Basta con deslizar el puntero del ratón sobre las imágenes o el texto y ver cómo cambia de su forma original transformándose porregla general en una mano con un dedo señalador. Adicionalmente, estos enlaces suelen ir, en el caso de los textos, coloreados y subrayados para que el usuario no tenga dificultad en reconocerlos. Si no especificamos lo contrario (ya tendremos ocasión de explicar cómo), estos enlaces texto estarán subrayados y coloreados en azul. En el caso de las imágenes que sirvan de enlace, veremos que estándelimitadas por un marco azul por defecto. Veremos paso a paso como utilizar al máximo los enlaces, sus respectivas etiquetas y aprovecharlos para facilitar nuestra navegación en una página web. Encontraras una diversa gama de ejercicios que iremos haciendo y ejemplos para que puedas visualizar como te quedara lo que vayamos haciendo. Veras que los enlaces es algo tan sencillo de utilizar, y teservirá demasiado a la hora de crear tu propia página web, tratare de ser lo más detallado que se pueda.
INDICE:
Página Capitulo 1: “Etiquetas y atributos de los enlaces”.........................................................3-4 Capitulo 2: “Enlaces internos, locales, remotos, con direcciones de correo y enlaces conarchivos”.................................................................................................................4-7 Capitulo 3: “Uso de alink, vlink y link”...............................................................................8 Capitulo 4: “Enlaces con imágenes”.......................................................................9,10-11 Capitulo 5: “Crear una barra de inicio con tablas”.....................................................11-12 Capitulo 6:“Quitar la línea del enlace con CSS (Bonus)” ........................................12-13 Créditos .........................................................................................................................13
Capitulo 1: “Etiquetas y atributos de los enlaces”
En los enlaces HTML utilizaremos una etiqueta con su respectivo cierre que será luego agregamos un atributo llamado “href”que servirá para especificar el archivo, imagen o programa al cual le aplicaremos el enlace. El código completo quedaría así: contenido Como podemos observar, colocamos las etiquetas y le agregamos el atributo “href” también ponemos el signo igual y las comillas (recuerda siempre colocar las comillas en los enlaces ya que a la hora de agregar más atributos no funcionara el link). Observa elejemplo de abajo de cómo quedara a la hora de poner el código HTML completo: enlaces Ir a la página siguiente Nota: Puedes ver el funcionamiento de este ejercicio haciendo clic aquí Como vemos no es tan difícil hacer un link para un website. Nofollow es un atributo de los links HTML (etiqueta ), que sirve para definir o marcar el comportamiento de los buscadores cuando rastrean nuestra páginaweb en busca de contenidos para indexarlos. Por defecto, cuando un buscador visita una página web va recorriendo todos sus enlaces y va indexando su contenido en su base de datos de páginas. Esto es algo que hacen automática y periódicamente. Ocurre tanto con los enlaces internos a otras páginas de nuestro sitio como con los enlaces externos a otras páginas web. Los motores que recorren las websde enlace a enlace, se llaman arañas. Ahora bien, nosotros podemos, a través del atributo rel="nofollow", decirle a un buscador que no continúe indexando los contenidos de la pagina a la que lleva un enlace en particular. Lo haríamos así: enlace Como interpretan los buscadores el nofollow
El atributo es tenido en cuenta no solo por el motor de indexación (araña) del buscador Google,...
Leer documento completo
Regístrate para leer el documento completo.