Soy nuevo en programador web ¿Cómo hago esto?
Es algo difícil de preguntar para mi, vean la imagen, donde dice todo expertos, cuando lo presionamos, nos lleva a la página principal, ¿cierto?, ese mismo efecto me gustaría tener en mi página web, pero hasta ahora no pillo respuestas en la web, te agradezco muchísimo si me das una respuesta, videos algún código html o css o aunque sea java scripp para proceder con mi proyecto.
3 Respuestas
Usando puro HTML podrías meterlo dentro de un enlace con <a> o usar el mismo <a> como caja. También puedes hacer que sea el botón de submit de un formulario para redireccionarte.
Hay varias formas de hacerlo, sin embargo, tal como has mencionado, la forma más correcta, segura y eficiente es con JavaScript.
Aplica el atributo "onclick" en la etiqueta que contiene el logo y utiliza uno de estos dos scritps.
window.location.replace('tuarchivo.html');
window.location.href = 'tuarchivo.html';Eso claro está, si se encuentran dentro de la misma carpeta, si los otros archivos están en otra carpeta tendrás que usar rutas relativas.
Por si acaso no sabes a qué me refiero con atributos, te dejo un ejemplo en caso de que lo tengas como una imagen:
<img src="logo.jpg" onclick="window.location.href = 'tuarchivo.html'">
Es exactamente como lo menciona Marco MAkinon y además de una forma sencilla también podrías aplicar con las etiquetas "<a></a>":
- Este caso sería donde haces click en el Logo y te lleva al inicio de tu página.
<a href="https://www.tupagina.com/"> <img src="logo.jpg" alt="Descripcion"> </a>
- Y este sería el caso en donde haces click y te abre una pestaña nueva:
El atributo "target" con el valor "_blank" es lo que genera eso.
<a href="https://www.tupagina.com/" target="_blank"> <img src="logo.jpg" alt="Descripcion"> </a>
Para más información, te aconsejo que visites:
https://www.w3schools.com/html/html_links.asp
Ahí encontraras toda la información sobre HTML, Javascript, CSS, entre otras. Como principiante o cuando te inicias en el desarrollo Web, es el sitio más recomendable.
Ejemplo con código html que mande a una página web
Tomemos mi blog de:
HOJA DE VIDA
https://josejoaquinmunozgonzalez.blogspot.com/#gsc.tab=0
En un blog de Blogger cuando tienes una imagen o gif en la parte superior hay que poner un código para multicolumna y la única diferencia con imágenes en la parte lateral es que no llevan al final las instrucciones:
<html>
<body>
Este gif que también puede ser una foto, manda a la página web de aulafacil
Si das clic en la imagen ( gif ) remplaza la página inicial por la nueva página, y si le das clic al texto te abre una nueva ventana con la página de AULAFACIL
NOTA: Cuando des clic en la imagen ( gif ) siempre te mandara a la URL que tengas, para este caso http://www.aulafacil.com/cursos
Ejemplo: la imagen ( gif ) de AULAFACIL que hay en el blog.
AULAFACIL
<a href="http://www.aulafacil.com/cursos"><img src=" http://www.gifss.com/profesiones/profesores/profesor-06.gif
" width="300" height="250" /></a>
<html>
<body>
<a href="http://www.aulafacil.com/cursos" target="aul">MÁS DE 1000 CURSOS GRATIS DE AULAFACIL……...</a>
Mal mal, para hacer esto no tiene que involucrar a Javascript para nada, y si lo va a hacer, almenos hágalo bien. Aplicar "onclick" como atributo a un elemento HTML es una práctica antigua y por ende obsoleta, la manera correcta es utilizando el DOM y agregando el eventListener al objeto. De todas formas con el simple <a> esta más que hecho, usar Javascript para tareas tan pero tan pero tan sencillas es una irresponsabilidad. Si por casualidad un usuario tiene desactivado javascript en su navegador, algo tan simple como ir a la pagina de inicio dando click en el logo, no funcionaria. - Andy Machin