Sociedaccion, publicación de artículos gratis, participación ciudadana, notas de prensa
  Usuario: Clave:    
   
 
Publicación de artículo gratis
Documento sin título
Decir que 'nunca es triste la verdad' me pone muy triste. ¿Habrá algún remedio para esa tristeza?   por    
Documento sin título
 
Documento sin título
 
Documento sin título
Home
Xnechijli01 8/21/2019 3:28:58 PM
Xnechijli01
Los enlaces en el diseño web
enlaces o links
votos 0 comentarios 0 enviar vínculo a un amigo
Tags diseño web Enlaces
 
el uso de los enlaces en el diseño web
 

Enlace

Un enlace, o link, (abreviatura de hipervínculo) es un objeto HTML que te permite saltar a una nueva ubicación al hacer clic o tocarlo. Los enlaces se encuentran en casi todas las páginas web y proporcionan un medio simple de navegar entre páginas en la web. Es parte primordial del diseño web.

Los enlaces se pueden aplicar a textos, imágenes u otros elementos HTML. La mayoría de los enlaces de texto son azules, ya que ese es el color estándar que los navegadores web usan para mostrarlos. Sin embargo, pueden ser de cualquier color ya que el estilo del texto del enlace puede personalizarse utilizando HTML o CSS. En los primeros días de la web, los enlaces estaban subrayados por defecto. Hoy, esto es menos común.

Cuando se aplica un enlace a una imagen, la etiqueta del enlace encapsula o rodea la etiqueta de la imagen. Como la etiqueta de la imagen está anidada dentro de la etiqueta del enlace, la imagen misma se convierte en un enlace. Este método se puede usar para aplicar enlaces a otros elementos, como los objetos <div> y <span>. Sin embargo, dado que CSS se puede usar para estilizar un enlace, una etiqueta <a> con una clase CSS o atributo ID a menudo se usa en lugar de una etiqueta <div> o <span>.

A continuación se muestra un ejemplo del HTML para un enlace de texto e imagen:

Enlace de texto: <a href="/curso-de-java"> Curso de java </a>

Enlace de imagen: <a href="https://ejemplo.com/definicion/computador"> <img src="/images/computer.jpg" alt="PC de escritorio"> </a>

Enlaces relativos y absolutos

El primer ejemplo es un "enlace relativo" porque no incluye el nombre de dominio. El enlace es relativo al sitio web actual. Cualquier enlace interno en ejemolo.com, no necesita "https://ejemplo.com/" en el enlace. Más bien, un enlace relativo como "/curso-de-python/" es todo lo que se requiere para la URL del curso de python. Como el enlace comienza con una barra diagonal, la ruta comienza con el directorio raíz. Si un enlace relativo no comienza con una barra diagonal, la ruta es relativa a la URL actual.

El segundo enlace de ejemplo es un enlace absoluto porque incluye el nombre de dominio. Se requieren enlaces absolutos para enlaces externos, que lo dirigen a otro sitio web. Pueden comenzar con "http" o "https". Los enlaces absolutos también pueden comenzar con dos barras diagonales ("//"). Esto se interpreta como "http://" para páginas servidas a través de HTTP y "https://" para páginas servidas a través de HTTPS.

NOTA: La "a" en la etiqueta <a> significa "ancla", ya que los primeros documentos de hipertexto a menudo están vinculados a las anclas (o marcadores) dentro de una página en lugar de otras páginas. El "href" dentro de un <a> significa "referencia de hipertexto".

Te gustó esta nota, compártela con tus amigos
ico_copada.gif ico_delicious.png ico_enchilame.gif ico_facebook.png ico_fresqui.gif ico_google.gif ico_meneame.gif ico_myspace.gif ico_technorati.png ico_twitter.gif ico_yahoo.png
Visitá otras notas de Xnechijli01
Introduciendo código en las publicaciones
Agregar código javascript manualmente
Código de javascript en encabezado
Tres métodos para agregar código javascript
Seguridad de php
Puntos positivos de php
 
Comentarios 0  
Enviá tu comentario
Para dejar tu comentario debes ser miembro de Sociedaccion.
 
Documento sin título
 
Documento sin título
 
 
 
 
Documento sin título
 
Nos contaron qué leen
Documento sin título
 
Documento sin título
ULTIMOS PUBLICADOS Internet
Introduciendo código en las publicaciones
Xnechijli01
Método 3 para introducir código javascript en wordpress
 
11/13/2019 11:14:14 AM
 
Agregar código javascript manualmente
Xnechijli01
El método 2 consiste en agregar código javascript manualmente
 
11/13/2019 11:11:44 AM
 
Código de javascript en encabezado
Xnechijli01
Introducir código de javascript en encabezado
 
11/13/2019 11:10:06 AM
 
Tres métodos para agregar código javascript
Xnechijli01
Tres métodos para agregar código de javascript en wordpress
 
11/13/2019 11:08:34 AM
 
Seguridad de php
Xnechijli01
Php y la seguridad
 
11/12/2019 9:38:23 PM
 
Puntos positivos de php
Xnechijli01
Lo positivo en php
 
11/12/2019 9:36:54 PM
 
Ideas erróneas de php
Xnechijli01
Php y las ideas erróneas
 
11/12/2019 9:33:56 PM
 
Php Aún está vigente
Xnechijli01
A la alza la popularidad de php
 
11/12/2019 9:31:35 PM
 
Php y los índices de popularidad
Xnechijli01
Los índices php
 
11/12/2019 9:29:30 PM
 
Factores de la caída de php
Xnechijli01
Qué factores llevaron a la caída de php
 
11/12/2019 9:25:25 PM
 
Documento sin título
 
Documento sin título
 
Documento sin título
 
 
Documento sin título
 
 
 
Documento sin título
 
Publicar es gratis, sólo tienes que registrarte y escribir.