 |
Tutorial De HTML.
ENLACES
Si has navegado mucho por la internet, te habras dado cuenta que no hay nada mas importante que los enlaces, gracias a ellos existe una red. De no ser por ellos tendrias que tener una lista de favoritos enorme, con todos los links que te gustan. Entonces manos a la obra y a crear enlaces.
ENLACES EXTERNOS
Lo primero que debes saber es la etiqueta a usar
| <a href="www.google.com">Enlace a Google</a> |
La parte del Texto es simplemente para agregarle alguna palabra al enlace
Eso fue facil, asique vamos a complicar un poco la cosa, si tu haces clic en ese enlace, la pagina se abrira en la misma ventana del navegador, pero si lo que queremos es que se abra una nueva ventana debemos hacer esto:
| <a href="www.google.com" target="_blank">Enlace a Google</a> |
ENLACES INTERNOS
Pero de repente tu no quieres abrir una pagina nueva, sino que quieres enlazar con una parte del documento en el que estas. para ello hay que seguir 2 pasos.
| <A NAME="a">INDICE</A> <UL> <LI><A HREF="#b">Introducción</A> <LI><A HREF="#c">Capitulo 1</A> <LI><A HREF="#d">Apendice</A> </UL> esto lo debes colocar en el "menu" es decir en el indice de capitulos por ejemplo si estamos hablando de un libro. Y luego en cada titulo debes agregar esto: <A NAME="b>Introducción</A><BR> ....texto de la introducción.... <A NAME="c">Capitulo 1</A> ....texto del capitulo.... <A NAME="d">Apendice</A> ....texto del apendice.... <A HREF="#a">Volver al Indice</A> |
....texto del capitulo....
....texto del apendice....
Tal vez no lo entiendas en la primera lectura pero practícalo y veras que es facil de hacer, realmente parece mas complicado de lo que es.
ENLACE A UNA DIRECCION DE EMAIL
Esto es aun mas facil, con una sola linea de comando lo puedes lograr
| <a href="mailto:ejemplo@ejemplo.com">Mail</a> |
Esta practica es cada vez menos usada por los Webmasters debido a los "robots" que anda merodeando la www en busca de direcciones de email para el Spam, asique linda sorpresa se van a llevar cuando le quieran escribir una publicidad a ejemplo@ejemplo.com jejeje
RESUMEN:
Que Aprendimos de este capitulo:
- Crear Enlaces Externos
- Crear Enlaces Internos
- Crear Enlaces de E-mail
|
<<Anterior |
Siguiente >> |
1- Estructura de un documento en HTML
2- Comandos Básicos
2.1- Formateando texto
2.2- Saltos de Línea
2.3- Formateando Párrafos
2.4- Líneas de separación
3- Listas
3.1 Listas ordenadas
3.2 Listas desordenadas
3.3- Listas de definición.
4- Imágenes
4.1- Texto Alternativo
4.2- Alineándolas
4.3- Enlaces
4.4- Mapas
5- Enlaces
5.1- Enlaces externos
5.2- Enlaces Internos (dentro de un mismo documento)
5.3- Enlaces directos para direcciones de mail
6- Tablas
6.1- Bordes
6.2- Color de fondo a las celdas
6.3- Imagen de fondo
7- Cosillas sueltas
9- Apendice
Este Tutorial esta pensado para gente sin conocimientos previos, si lo lees y te parece muy obvio o sencillo, puedes contactarnos y ampliar los temas.
Tutorial diseñado exclusivamente para el Portal Veperu, el Perú y mas, se prohíbe su reproducción total o parcial salvo que indiques la fuente.
