Cómo agregar enlaces a su página web en la Raspberry Pi

Para permitir que los visitantes encuentren otras páginas web, debe agregar enlaces. Para agregar un enlace a su página web en la Raspberry Pi, escribe su texto y luego lo rodea con las llamadas etiquetas de anclaje (abreviadas simplemente como ‘ a ‘ en HTML) de esta manera:

<a href="photos.html”> Ver mis fotos </a>

Este fragmento de HTML muestra las palabras Ver mis fotos en pantalla y, cuando hace clic en ellas, se le dirige a la página web photos.html, que se almacena en la misma carpeta que la página web actual. El enlace generalmente se muestra como texto subrayado de forma predeterminada, pero puede cambiar su apariencia usando CSS.

Los motores de búsqueda utilizan el texto de los enlaces para comprender de qué se trata una página web a la que enlaza, y los usuarios web con discapacidad visual a veces resumen una página simplemente escuchando el texto de todos los enlaces de la página para saber lo que pueden hacer. Por esos motivos, el texto de su enlace debe ser significativo y descriptivo y no solo decir Haga clic aquí .

Puede poner la dirección de cualquier página web o sitio web en el atributo href , para que pueda crear un enlace al sitio web de Google como este:

<a href="http://www.google.com”> Visite Google </a>

También puede vincular a una página específica en un sitio web específico, así:

<a href="http://www.example.com/gallery.html”> Visite la galería </a>

Puede visitar una página en su navegador y luego copiar la dirección de la barra de direcciones (usando Ctrl + C) para pegarla en su código HTML (con Ctrl + V).

LEER  Los 10 mejores lenguajes de programación portados a Raspberry Pi

No olvide el http: // al principio: normalmente no lo necesita cuando visita una página en su navegador, pero sus enlaces no funcionarán sin él.

A veces, es posible que desee utilizar una imagen en lugar de texto como enlace. Puede hacerlo envolviendo su etiqueta de enlace alrededor de su etiqueta de imagen, como este ejemplo que convierte el logotipo de Amazon (almacenado en la carpeta de imágenes de su sitio web) en un enlace al sitio web de Amazon:

<a href=”http://www.amazon.com”> <img src = ”images / amazonlogo.gif” width = ”150” height = ”75” alt = ”Visite Amazon” /> </a>

Si desea invitar a personas a que le envíen sus pensamientos, puede crear un enlace para abrir el programa de correo electrónico de alguien con un mensaje en blanco que ya está dirigido a usted. Use un código como este:

<a href=”mailto:sean@example.com”> Envíeme un correo electrónico </a>

Simplemente reemplace la dirección de correo electrónico falsa de sean@example.com con su propia dirección. Sin embargo, tenga en cuenta que las direcciones de correo electrónico en los sitios web atraen una gran cantidad de spam, por lo que en general es mejor que no comparta su dirección de correo electrónico personal principal.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *