HTML - Consulta sobre botones en html

 
Vista:
sin imagen de perfil
Val: 20
Ha aumentado su posición en 10 puestos en HTML (en relación al último mes)
Gráfica de HTML

Consulta sobre botones en html

Publicado por gaspar (8 intervenciones) el 06/08/2020 23:00:38
Hola gente tengo el siguiente problema, quisiera saber como agregarle a cada boton el enlace donde me direcciones a cada red social. Es decir si hacen click en instagram que automáticamente los direcciones al perfil de instagram. Adjunto código y interfaz de la web.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Consulta sobre botones en html

Publicado por Martha (101 intervenciones) el 06/08/2020 23:12:29
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
-1
Comentar
Imágen de perfil de Lopez
Val: 861
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Consulta sobre botones en html

Publicado por Lopez (266 intervenciones) el 07/08/2020 20:30:34
Hola Gaspar,
Pienso no es necesario uses un boton, sino un link con estilo de boton.
De todas formas, si es mandatorio lo hagas puedes usar el evento formaction de HTML5

1
2
3
<form>
    <button type="submit" formaction="https://www.facebook.com">Link</button>
</form>

La forma que te aconsejo es esta:

1
<a href="https://www.facebook.com" class="button">Link</a>

Y con ayuda de CSS

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
a.button {
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding: 1px 6px;
 
    font: 13.3333px Arial;
    text-rendering: auto;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: buttontext;
 
    border: 2px outset buttonface;
    border-image: initial;
 
    background-color: buttonface;
 
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
 
    cursor: default;
}
 
a.button:active { border-style: inset; }

Espero ayude,
Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar