Tutorial de aprendizaje sobre el etiquetado de hipervínculo de la página web HTML
Propiedades de las etiquetas de enlace
Los enlaces son uno de los elementos más importantes en las páginas web y son el alma de un sitio web. Un sitio web se compone de múltiples páginas, y las páginas dependen de enlaces para determinar la relación de navegación mutua. Cada página web tiene una dirección única, que se llama URL (Locutador de recursos uniformes: Identificador de recursos universales) en inglés. Ingrese http://www.vevb.com en la barra de direcciones y luego presione Entrar, que abrirá la página principal del sitio web de enseñanza web. Puede ver que hay varias columnas, múltiples noticias, etc. en la página, y las diferentes columnas en la parte superior son enlaces de texto.
Aunque las marcas de enlaces ocupan una posición insustituible en el diseño y la producción del sitio web, solo hay una marca, es decir, la marca <a>. Las aplicaciones de enlace introducidas en este sitio se basan en la etiqueta <a>.
Las propiedades de la etiqueta de enlace se muestran en la tabla a continuación
Sobre el camino
Cada archivo tiene su propia ubicación y ruta de almacenamiento. Comprender la relación de ruta entre un archivo y el archivo a vincular es la base para crear un enlace. URL: el localizador de recursos unificado se refiere a la dirección independiente que tiene cada sitio web. Cada página web en el mismo sitio web pertenece a la misma dirección, pero al crear una página web, es imposible y no es necesario ingresar una dirección completa para cada enlace. Solo necesitamos determinar la relación de ruta relativa entre el documento actual y el directorio raíz del sitio. Por lo tanto, el enlace se puede dividir en los siguientes 3 tipos:
Por ejemplo, http://www.vevb.com
Como News/Default.htm
Como /website/news/default.htm
Antes de comprender estos tres formularios de dirección, primero debe comprender otros dos conceptos: enlaces internos y enlaces externos
Tanto internos como externos son relativos a las carpetas del sitio. Si el enlace apunta a archivos dentro de la carpeta del sitio, es un enlace interno. Si el enlace apunta fuera de la carpeta del sitio, se llama enlace externo. Al agregar enlaces externos, se utilizará la dirección absoluta mencionada a continuación; Al agregar enlaces internos, se utilizará la dirección relativa del directorio raíz y la dirección relativa del archivo mencionado a continuación.
Los siguientes son los tres enlaces:
Las rutas absolutas proporcionan rutas completas a los archivos, incluidos los protocolos adaptados, como HTTP, FTP, RTSP, etc.
http://www.sohu.com
ftp://202.136.254.1
Al vincular a archivos en otros sitios web, se deben usar enlaces absolutos.
Los enlaces relativos son más adecuados para enlaces internos del sitio web. Mientras esté en el mismo sitio web, incluso si no está en el mismo directorio, los enlaces relativos son muy adecuados. Las direcciones relativas de archivo son una forma ideal de escribir enlaces internos. Mientras esté dentro de la carpeta del sitio, la dirección relativa puede construir libremente enlaces entre archivos. Esta forma de dirección utiliza la relación relativa entre los dos archivos que crean el enlace y no se ve afectado por la ubicación del servidor de la carpeta del sitio. Por lo tanto, este formulario de escritura omite la misma parte en la dirección absoluta. La ventaja de esto es que cuando la dirección del servidor donde se encuentra la carpeta del sitio cambia, todos los enlaces internos de la carpeta (si se utiliza este formulario de dirección) no tendrán ningún problema.
El enlace relativo se usa como:
La dirección relativa del directorio raíz también es adecuada para crear enlaces internos, pero en la mayoría de los casos, no se recomienda esta forma de dirección. Se usa en los siguientes casos:
La forma de escritura del directorio raíz en relación con la dirección también es muy simple. Primero, comience con un corte para representar el directorio raíz, luego escriba el nombre de la carpeta y finalmente escriba el nombre del archivo. La ruta raíz comienza con / y luego el nombre del directorio en el directorio raíz.