Tecnología

Inicio

Código HTML para un vuelo estacionario Subrayado

Código HTML para un vuelo estacionario Subrayado


Al programar una página web, un diseñador menudo quiere incluir un poco de interactividad. Una característica interactiva sencilla que se puede añadir es la creación de un enlace web que se convierte subrayado cuando se pasa el ratón sobre ella. Para ello, primero debe desactivar la automática subrayando que los enlaces web suelen recibir, entonces instrucciones a la página para mostrar un subrayado cuando se mueve el ratón sobre el enlace.

HTML y CSS

Hypertext Markup Language, más comúnmente conocido como HTML, es uno de los lenguajes de programación más utilizados en Internet. Está hecho de una serie de comandos de llamada etiquetas. Una etiqueta de apertura indica a un navegador Web para empezar a hacer algo, que continúa hasta que se inserta una etiqueta de cierre.

Cascading Style Sheets o CSS, luego desarrollado para añadir funcionalidad e interactividad adicional a los sitios web. HTML y CSS están diseñados para funcionar de forma intercambiable.

<Head>

Para crear un enlace que pone de manifiesto cuando el ratón pasa sobre ella, primero debe agregar un comando de estilo en la sección <head> de la página web. El comando se verá así:

<Style type = "text / css">

a: link {text-decoration: none}

a: hover {text-decoration: underline;}

</ Style>

La primera línea establece que un estilo de texto / css está comenzando. La segunda línea elimina el subrayado estándar que se asocia con un enlace Web. El tercer ejemplo ordena el enlace para convertirse subrayada cuando el ratón pasa sobre ella, y la última línea se cierra el estilo.

<Body>

Con el comando subrayado indica en la sección <head>, ahora todo lo que tiene que hacer es añadir los enlaces dentro de la sección <body>. Esta es la sección que contiene todo lo que se puede ver dentro de una página web. El código HTML para un enlace web es:

<a href="The"> http://www.example.com "> El texto visible </a>

Debe reemplazar el sitio web de ejemplo, con la dirección URL que desea conectarse, y añadir su propio texto visible para sus visitantes a leer.

modificaciones

Hacer algunas modificaciones a este código HTML si lo desea. Por ejemplo, añadir color al enlace mediante la adición de "color: red;" al código, por lo que es

a: hover {text-decoration: underline; color rojo;}

También puede agregar una línea alta para el enlace con el código

a: hover {text-decoration: underline overline;}

Esto creará una línea por debajo y por encima de una línea de texto del enlace. Por último, puede hacer que el tamaño de cambio de enlace cuando el ratón pasa sobre él con el código

a: hover {text-decoration: underline; font-size: 15;}

El número de tamaño de la fuente se refiere a la altura de la fuente en píxeles.