1. ¿Qué es un hipervínculo?
Los hipervínculos son parte de una página web y son los elementos que conectan páginas web con otras páginas web. Sólo cuando varias páginas web están conectadas a través de hipervínculos se puede considerar un sitio web. Un hipervínculo se refiere a una relación de conexión de una página web a otro destino. El objetivo puede ser una página web, una ubicación (diferentes ubicaciones en la misma página web), una imagen, etc. Los objetos utilizados para los hipervínculos en las páginas web pueden ser texto, imágenes, etc.
2. Código de hipervínculo para una etiqueta
La etiqueta a es el código html que implementa hipervínculos. Se utiliza para definir hipervínculos. A continuación, veamos cómo utilizar la etiqueta a.
Formato de sintaxis: objeto de hipervínculo
Nota: href es el atributo más importante de la etiqueta a, que especifica el destino de la conexión. Sin este atributo, no se pueden utilizar los atributos hreflang, media, rel, target y type.
3. Atributos comunes de una etiqueta
Nota: Además de los dos atributos comunes, el atributo href y el atributo de destino, la etiqueta a también tiene muchos atributos, como: descarga, nombre, rel y otros atributos. No lo presentaré si no se usa comúnmente. Los amigos que estén interesados pueden investigarlo ellos mismos.
1. Especificaciones de sintaxis para hipervínculos
<ahref=https://www.dotcpp.com/target=_blank>Enlace de red en lenguaje C</a>
Entre ellos, a es la abreviatura de ancla, y el significado chino es: ancla.
Entre ellos, href se usa para especificar la dirección URL de la página de destino ** (no se puede omitir) ** Solo cuando la etiqueta tiene el atributo href tiene la función de hipervínculo.
Target se utiliza para especificar cómo abrir la página de destino. Puede ingresar _self entre comillas para abrirla en la página actual, ingresar _blank para abrirla en una nueva ventana. Si no se escribe, el valor predeterminado es. _self, que se abre en la ventana predeterminada.
2. Clasificación de hipervínculos
(1) Enlaces externos, enlaces fuera del proyecto actual:
<ahref=https://www.dotcpp.com/target=_blank>Enlace de red en lenguaje C</a>
(2) Enlaces internos, también se puede decir que los enlaces dentro del directorio actual son enlaces entre diferentes páginas de este proyecto:
<aherf=index.htmltarget=_blank>Página de inicio</a><br/>
(3) Enlace vacío, es decir, la página del proyecto actual que aún no se ha completado. Utilice # en su lugar y podrá reemplazarlo después de que se complete el desarrollo. Después de hacer clic, se abrirá nuevamente la página actual:
<ahref=#target=_blank>Página sin terminar</a><br/>
(4) Enlace de descarga: Cuando la dirección del enlace interno es un archivo o archivo comprimido:
<ahref=Nueva hoja de trabajo de MicrosoftExcel.xlsx>Descargar archivo</a><br/><ahref=Nueva hoja de trabajo de MicrosoftExcel.zip>Descargar archivo</a><br/>
(5) Enlaces de elementos de páginas web: varios elementos de las páginas web, como texto, imágenes, tablas, audio, vídeos, etc., se pueden utilizar como hipervínculos:
(6) Enlace de anclaje: haga clic en este enlace para navegar rápidamente a una ubicación determinada en la página (similar a un enlace de directorio):
En el atributo href en el texto del enlace, establezca el valor del atributo en la forma #+texto, como por ejemplo: <ahref=#anchor>Esto es un ancla</a> Busque la etiqueta de ubicación de destino y agregue un atributo de ID = solo ahora Valor de atributo, como por ejemplo: <h3id=anchor>anchor</h3>
3. Estilo predeterminado de la etiqueta <a>
Los navegadores establecen algunos estilos predeterminados para la etiqueta <a>.
(1) estilo ratón
Cuando el mouse se mueve hacia el área del enlace, se convertirá en una pequeña mano; cuando el mouse sale del área del enlace, volverá a tener la forma de una flecha.
(2) Color y subrayado
El hipervínculo es azul antes de hacer clic en él y se vuelve violeta después de hacer clic en él. Los hipervínculos están subrayados de forma predeterminada y el color del subrayado es coherente con el color del texto.
El navegador determina si se ha hecho clic en el hipervínculo según el registro del historial. Si el atributo href coincide con una URL en el registro del historial, significa que se ha hecho clic en el enlace. Al borrar el historial de su navegador, el color del hipervínculo volverá a ser azul.
[Ejemplo] Varias formas de hipervínculos HTML:
<!DOCTYPEhtml><html><head><metacharset=UTF-8><title>Demostración de etiquetas HTML<a></title></head><body><p><ahref=https://www.dotcpp .com/course/html/target=_blank>Tutorial HTML (se abre una nueva ventana)</a><br><ahref=https://www.dotcpp.com/course/css/>Tutorial CSS (se abre la ventana actual) </a><br><ahref=https://www.dotcpp.com/course/algorithm/>Tutorial de competencia de algoritmos (en el que se hace clic)</a></p></body></html>
El efecto se muestra de la siguiente manera:
