Tecnología

Inicio

Cómo dar una identificación para un enlace en CSS

Cómo dar una identificación para un enlace en CSS


El selector ID de CSS es la forma de especificar un estilo para un solo elemento, HTML único, tal como un enlace. Se puede definir el color del enlace, el estilo de fuente y el peso, o lo que sucede cuando un usuario pasa por encima o hace clic en el enlace. El estilo se define en una sección separada del archivo HTML o en el archivo completamente separados. Aplicarlo al elemento "ancla" (enlace) usando la etiqueta HTML "id".

Instrucciones

1 Abrir un archivo en blanco en un editor de texto como el Bloc de notas.

2 Tipo "<html>" para comenzar un documento HTML.

3 Escriba la línea "<head>" para comenzar la parte de cabeza de la página Web

4 Escriba la línea "<style type =" text / css "> una prueba # {color: naranja;} </ style>" para dar un ID para un enlace. La "a" especifica un destino del enlace, y el hash dice que estamos especificando una identificación más. En este ejemplo, el ID se denomina "prueba" y hace que el texto del enlace de naranja.

5 Escriba la línea "</ head>" para cerrar la parte de cabeza de la página Web.

6 Escriba la línea "<body>" para comenzar la parte de cuerpo de la página Web.

7 Escriba la línea "<p> Este es un enlace normal <a href="http://example.com&quot;>. </a> </ p> "para crear un enlace que no incluye la" prueba "ID.

8 Escriba la línea "<p> Este es un enlace href="http://www.w3schools.com&quot;> <a id="test" con un id. </a> </ P>" para crear un vínculo que incluye la "prueba" ID.

9 Escriba la línea "</ body> </ html>" para cerrar el documento HTML.

10 Guarde el archivo con la extensión ".html".

11 Abra el archivo en cualquier navegador Web para ver las diferencias entre los dos enlaces.

Consejos y advertencias

  • Escribir todo el código sin las comillas externas.