Enlaces HTML – Tutorial HTML – Desarrollo de aplicaciones web

Si dijera que los enlaces HTML son la columna vertebral de Internet, no estaría mal. Los enlaces HTML son responsables de pasar de una página a otra y de un sitio a otro. Tomemos, por ejemplo, https://www.google.com. Al buscar una palabra clave, Google le brinda enlaces a otros sitios web que tienen datos relacionados con la palabra clave. Entonces, ¿ahora ves que te mudas aquí y allá con la ayuda de enlaces HTML? Del mismo modo, tomemos un ejemplo de su cronología de Facebook. Al hacer clic en una página o en un enlace de publicación que lo lleva a esa publicación, página o grupo. Por lo tanto, los enlaces juegan un papel vital en Internet. Y la estructura de los enlaces HTML es más simple de lo que puedes imaginar.
¿Cómo hacer un enlace HTML? El enlace HTML comienza con la etiqueta y termina con la etiqueta , lo que sea entre estas etiquetas es una etiqueta de enlace. La etiqueta de enlace, por ejemplo, digamos entre hacer clic aquí. Entonces, la palabra haga clic aquí es la etiqueta del enlace. El atributo href = “” es el lugar donde proporciona el enlace para ir. HREF significa referencia de hipertexto. Echemos un vistazo al enlace simple a continuación, que lo lleva a google.com vamos a Google! Este ejemplo se imprimirá en su página web. Vamos a Google, que estaría vinculado al sitio de Google. Entonces, en href = “” puede proporcionar la referencia donde irá el enlace. También tenemos enlaces locales a continuación.
El atributo de destino en HTML Link Target = “” se usa cuando desea decirle al navegador que este enlace debe abrir en una nueva ventana o en una nueva pestaña. Si no define el atributo tártaro = “” El comportamiento predeterminado es Self. Lo que significa que el enlace se abrirá en la misma ventana o pestaña en la que se encuentra actualmente. El atributo de destino puede tener uno de los siguientes valores: _blank-abre el documento atado en una nueva ventana o pestaña
_Elgerido: abre el documento atado en la misma ventana/pestaña en la que se hizo clic (esto es predeterminado)
_Parent: abre el documento empatado en el padre
_TOP – Abre el documento atado por todo el cuerpo de la ventana
FrameName-Opens El documento empatado en un marco llamado
Echemos un vistazo a un ejemplo que abre el enlace en una nueva pestaña en lugar de abrir en la misma pestaña. Esta técnica se utiliza cuando proporciona enlaces en su página a otros sitios. Y desea que el usuario permanezca en su sitio, por lo que abrir el enlace en la nueva pestaña asegurará que su sitio aún esté abierto en otra pestaña.
facebook atributo de título en el título del enlace HTML = “” en el enlace HTML es solo un enlace en sí mismo.Por ejemplo, cuando un visitante va con el mouse en su enlace HTML, desea decirle algo.Puede usar el atributo de título = “”.Entonces, cuando un usuario pasa el cursor en el enlace, ese título aparecerá como una pequeña etiqueta debajo del enlace.Vea el ejemplo de usar el atributo de título = “” en HTML.<a href="https://www.linkedin.com/" title="you saldrá de nuestro sitio medin Tipos de lazos en HTML Tenemos algunos tipos de enlaces en HTML y debe practicar para sentirse cómodo con cada tipo de enlaces HTML.
Enlace telefónico en html
Enlace de pista externo en html
Enlaces locales en HTML
Enlace de correo electrónico en HTML Para proporcionar un enlace de correo electrónico en HTML, solo tiene que usar Mailto: y su dirección de correo electrónico en el atributo href = “”. Cada navegador tiene un comportamiento diferente para los enlaces de Mailto:, por lo que el enlace de correo electrónico no funciona en su navegador. Consulte la configuración de su navegador para echar un vistazo al enlace de correo electrónico en el ejemplo HTML a continuación. <a href="Mailto: (PSMail Protectetesis Title="send Us Envíenos un correo electrónico Enlace telefónico en HTML Al igual que el enlace de correo electrónico, defina el enlace del teléfono en el atributo href = “”. El enlace telefónico en el atributo html href = “” es con Tel: y su número cada navegador tiene una forma diferente de comportarse el vínculo telefónico. En su mayor parte, en las computadoras, la conexión telefónica se abrirá en Skype u otras aplicaciones que traten con el teléfono. Por otro lado, los teléfonos móviles abrirán el teclado con el número insertado en ellos. Veamos el ejemplo del enlace en el teléfono en HTML.
<a href="tel:1231231234"citle="click para llamarnos Enlaces externos o enlaces absolutos rutas externas o enlaces absolutos son los enlaces que tienen referencia o URL completa. La URL completa con el protocolo de inicio https: // o http: // se considera una ruta externa o absoluta. Consulte nuestro artículo para leer más sobre enlaces absolutos en HTML. Ejemplo externo a un sitio web diferente. El siguiente ejemplo proporciona la URL completa de la ruta para ir. google También puede usar la ruta absoluta o el enlace absoluto o el enlace de pista externo para una página de sitio similar. Como el sitio en el que está trabajando, tiene una URL https://www.webfulcreations.com/ y su página interior es el servicio/, de modo que la URL se puede generar como. Nuestros servicios Las posibilidades de enlaces rotos son muy raras de manera absoluta. Porque ofrece la ruta completa de la página a la que lleva al usuario.
Enlaces locales o enlaces relativos o enlaces internos Los enlaces locales o los enlaces relativos son las conexiones relacionadas con las páginas o imágenes interiores y otros recursos. En enlaces relativos, no proporcione la ruta completa al atributo href = “”, solo proporcione la ubicación. Para leer más sobre enlaces relativos. Enlace con el mismo archivo de carpeta al conectarse con el mismo archivo de carpeta, la conexión es muy simple. Proporcione el nombre del archivo en el atributo href = “” y se realiza la conexión. Consulte el ejemplo a continuación. El ejemplo es crear una conexión con el archivo sobreus.html que también está en la misma carpeta que crea en el archivo. Acerca de nosotros Enlace con el archivo en la carpeta si su archivo estará atado en una carpeta y la carpeta está en el mismo directorio donde el archivo es su actual. Solo colocará el nombre de la carpeta por nombre del archivo, separando ambos con /. Como si tuviera más servicios, puede crear una carpeta para los servicios. En el que puede crear diferentes archivos para cada servicio. Y el enlace estará a continuación. Primer servicio Así que ahora sabe cómo ingresar la carpeta sin importar cuántos archivos hay. Solo tiene que ingresar el nombre de cada carpeta y separarlos con / firmar.
Regrese a la carpeta de enlaces HTML ¿Qué sucede si ha ingresado una carpeta con su enlace relativo, pero ahora desea volver a la carpeta anterior con el enlace HTML local? En este caso, usaría ../ puntos dobles que le indican que regrese a la carpeta anterior. Si tiene que regresar con 2 carpetas, usaría ../../ dos veces. Veamos un ejemplo para volver al director de enlaces HTML. Puede decir que desea regresar al director de los padres en el Director del Interior, luego usará …/ para volver al enlace HTML. Siempre puede usar la ruta absoluta si la estructura del director es compleja. El archivo sobreus.html allí y cargar ese archivo. La práctica te hará perfecto con rutas de archivo HTML. Recuerde que esta estructura de directores y archivos permanecerá para siempre. Hay formas muy complejas en los sitios web modernos. Cree enlaces a secciones en la misma página en HTML A veces debe proporcionar enlaces a diferentes secciones en la misma página. Por ejemplo, si escribe un tutorial que tiene varias secciones y desea proporcionar un contenido sobre la misma página. Esta tabla de contenido estará vinculada a diferentes secciones de la misma página. Por lo tanto, conectarse a otra sección en la misma página es muy simple.
Este método también se usa para subir o bajar en la misma página. Primero da un atributo a tu sección para ser reconocido. Tenga en cuenta que las ID no se pueden repetir, son únicas en una página web. Por lo tanto, use siempre IDS únicos para evitar cualquier conflicto en su página web. Veamos la sección de ejemplo a continuación.

Nuestra historia

Este es nuestro texto de la historia
Vaya a la parte superior > Luego, para conectar esa sección, solo tiene que usar el nombre de # y la identificación que la conexión llevará al usuario a la sección. En la sección anterior, le di la ID de etiqueta H2. Cómo contactar esta sección en la misma página. nuestra historia De manera similar, puede crear enlaces de arriba e inferior. Como en el ejemplo anterior, nuestra sección de la historia también ofrece el enlace para subir. Y la parte superior se definiría con id = “superior” womewhere en la parte superior de la página web. Enlace a una sección en otra página para conectarse a una sección en otra página primero en esa página, agregue ID único a la sección. Por ejemplo, en Aboutus.html tenemos una sección de nuestra historia. Que podemos dar la identificación de nuestra historia. La identificación no puede tener espacio.

Nuestra historia

Este es un texto our
Ahora, conéctese a la página para nosotros para nuestra sección de historia, use el siguiente ejemplo de un enlace. Vaya a nuestra historia en la página de nosotros

Todo esto es para enlaces HTML, cubrimos todo lo que debe saber sobre los enlaces HTML.Mire el video tutorial a continuación, asegúrese de suscribirse y comentar. Determine los recursos de la Parte 2: Descargue el código y los recursos para los enlaces HTML Consulte la Parte 2: Código y vista del enlace HTML Encuentre el siguiente curso: Imágenes HTML – Tutorial HTML – desarrollo de aplicaciones web