Cómo Hacer Enlaces En Diferentes Colores

Tabla de contenido:

Cómo Hacer Enlaces En Diferentes Colores
Cómo Hacer Enlaces En Diferentes Colores

Video: Cómo Hacer Enlaces En Diferentes Colores

Video: Cómo Hacer Enlaces En Diferentes Colores
Video: Curso de Diseño Web, Capitulo 5 - Crear Botones y Enlaces 2024, Mayo
Anonim

Los enlaces son uno de los principales atributos de un sitio web en Internet. Una página rara prescinde de ellos. Pero cuando el mismo tipo de color de enlace se vuelve aburrido, puede hacer que cada enlace sea de su propio color. Esto ayudará a llamar la atención de los usuarios sobre el enlace y hará que su sitio web sea más brillante.

Cómo hacer enlaces en diferentes colores
Cómo hacer enlaces en diferentes colores

Es necesario

  • - etiquetas html;
  • - una tabla con códigos de colores.

Instrucciones

Paso 1

Recuerde el esquema general de enlaces que utilizan la mayoría de los sitios. "A" () es el ancla del hipervínculo que lo delimita por ambos lados; "Href" es una abreviatura de referencia de hipertexto, es decir, la dirección de Internet a la que desea navegar. El enlace siempre está entre comillas. Entonces, el esquema de enlace general se ve así: texto.

Paso 2

Cambie el color del enlace agregando código antes y después del texto del enlace para obtener esto: texto.

Paso 3

En servicios de blogs como Liveinternet, use el código . "Url" es un localizador de recursos uniforme, un localizador de recursos. En este caso, para cambiar el color, agregue una etiqueta de color antes y después del texto:.

Paso 4

Si creó su propio sitio y tiene un archivo con sus estilos, edite los enlaces allí mismo, en las hojas de estilo CSS en cascada. La sintaxis general para escribir se ve así: a {parámetros de estilo}. Con estos parámetros, puede hacer que el enlace esté en negrita, cursiva o lo que sea.

Paso 5

Para establecer un color para un enlace, debe utilizar el siguiente código: a {color: # 00000;}. 00000 es el código negro predeterminado. Para reemplazarlo con cualquier otro, use un paquete de gráficos (por ejemplo, Adobe Photoshop) haciendo clic en el cuadro con un color en las Herramientas, o usando las paletas web. Por lo general, en ambos casos, el código está al lado de #. Cópielo haciendo clic en él y presionando Ctrl + C. Luego, coloque llaves después del #.

Paso 6

Para hacer enlaces coloreados en un editor de texto, por ejemplo, en Open Office, vaya al menú superior "Insertar" → "Hipervínculo", pegue el enlace, establezca su texto. Haga clic en Aplicar y luego en Cerrar. Seleccione el enlace y coloréelo como texto normal. También puede establecer el color de cada letra por separado.

Recomendado: