Creación de Enlaces

2 Métodos:Crear un enlace a HTML Cambiar su estilo de Enlaces

Los enlaces son la columna vertebral de la World Wide Web. Ellos son lo que conecta las páginas y alimenta los motores de búsqueda. Link es un conocimiento esencial para un desarrollador web aspirante. Sigue esta guía para aprender vínculos que crean rápida y fácilmente y personalizar su apariencia.

parte 1

Crear un enlace a HTML

Introducir el código para el enlace. Los vínculos HTML se definen con la etiqueta . Las etiquetas deben tener un principio y un fin. Esto significa que los enlaces comienzan con la etiqueta y terminar con la etiqueta. La dirección que va Mediante la vinculación de la primera etiqueta designado por el atributo href y el texto que se muestra para el enlace va entre las etiquetas. Un enlace HTML completo debe verse como:

lt;la href="Wikihow.com" gt; Inicio de wikiHowlt;/lagt;

El enlace se vería completado Inicio de wikiHow y que se pueda hacer clic.

Utilice el atributo href para mover a partes específicas de una página. Puede designar ubicaciones en su página para la que quiere navegar cuando se hace clic en enlaces específicos. Por ejemplo, se puede poner un enlace en la parte inferior de la página de un largo artículo que le llevará a la parte superior de la misma. Para ello, es necesario crear una "ancla" que puede referirse al enlace:

lt;la identificación=gt "Inicio"; lt;/lagt;

Para este ejemplo, este código podría anclar lugar como la parte superior de la página, o bien en el encabezado o el comienzo del cuerpo.

lt;la href="#top" Gt; al principio de páginalt;/lagt;

Este enlace se coloca en la parte inferior. Al hacer clic en el enlace rodaría de nuevo a la página superior.

Utilice atributo href para cargar archivos específicos. Usted puede utilizar el atributo href para apuntar a archivos específicos en lugar de una ruta absoluta. Esto es útil si usted está en movimiento alrededor de los archivos con frecuencia y no quiere que sus enlaces están rotos. Los archivos deben estar en el directorio actual de la página en este enlace para el trabajo:

lt;la href= "Index.htm" gt; Textolt;/lagt;

Este lincará el archivo index.htm ubicado en el mismo directorio que la página actual.

Crear un botón de enlace. Si usted prefiere tener su enlace que se muestra como un botón que se pulse en lugar de un enlace subrayado, puede utilizar la etiqueta
para crear el enlace. Esto reemplazará el método de la etiqueta de crear enlaces. El botón no están tan bien rastreado por los motores de búsqueda, lo que significa que los enlaces de botones no están indexados tan eficientemente como los vínculos tradicionales:

lt;formulariogt;lt;entrada tipo="Botón" valor="Su texto aquí" onclick="Window.location.href="Http://"Gt wikihow.com `;lt;/formulariogt;

parte 2

Cambiar su estilo de Enlaces

Usar CSS para cambiar el estilo visual de su enlace. CSS (Cascading Style Sheets) le permite cambiar la apariencia de los enlaces HTML. Crear un estilo CSS y ponerlo entre la sección la página afectará a todas las etiquetas en su página. Hay cuatro selectores que determinan el estilo enlace:

a: link - Este es un enlace no visitado aparece.
a: visited - Esto se parece un enlace visitado.
a: active - Esto es lo que aparece un enlace se hace clic.
a: hover - Esto es lo que parece un enlace cuando el ratón está sobre ella.

Ajuste cada selector. Se pueden añadir modificadores para cada selector en la sección de estilo para cambiar la forma en que aparecerá el enlace. Hay una gran cantidad de elementos de estilo que se pueden cambiar mediante la sustitución de los modificadores de la tecla y luego marcar. Ejemplos de modificadores incluyen:

font-family - Esta es la fuente de la que aparezca el vínculo. Se puede nombrar a ninguna fuente calificada para la web usando este modificador.

font-size - Este es el tamaño de fuente en puntos. Puede cambiarlo, tal como lo haría en un procesador de textos.

color - Este es el color de los enlaces. Puede introducir el color ( "azul") o utilice el código de color ( "# 0000FF").

text-decoration - Esto da enlace efecto, como subrayado o raurado.

font-weight - Puede utilizar este modificador para hacer el tipo de letra negrita.

La construcción de la hoja de estilo. Su guía de estilo CSS debe tener el formato correcto y se coloca en el encabezado de página. Una hoja de estilo debe ser similar a este ejemplo:

gt;gt;

El uso de varios estilos en una página. Si quieres enlazar varios estilos en una página web, puede crear múltiples CSS y asignar cada una de dichas clases. A continuación, se relaciona esa clase cuando quería se aplicó ese estilo. Por ejemplo: