• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Problem - <button> als Link verwenden

Lakhraiii

Neues Mitglied
Hey ich bin noch Anfänger in HTML und brauch mal Hilfe
Was ist mein Fehler?
Ich möchte Buttons machen mit denen ich zu den Links weitergeleitet werde.
Danke schonmal im vorraus

<html>
<strong> <img src="bild.jpg" width="150" height="150" align="left"> <br>
<br> <button onclick="<a href=" https://www.google.de "></a>Google</button>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="foto.jpg" width="150" height="150" align="left">
<br>
<br>
<button onclick="<a href="https://www.youtube.com/"></a>YouTube</button>
<br>
<br>
<br>
<br>
<br>
<br>
<img src="fOtos.png" width="150" height="150" align="left"> <br> <br> <button onclick="<a href="https://web.de/"></a>E-Mail</button>
</strong>
</html>
 
Werbung:
Wenn Du nicht einfach das <a>-Element mit Hilfe von CSS optisch zu einem Button umgestalten willst, gehört er in <a></a> eingebettet:
HTML:
<a href="https://google.de"><button>Google</button></a>
Neben dem empfohlenen HTML5-Grundlagentraining, meine Linkempfehlung bzgl. Deines aussagelosen Thementitels "Problem":
Dass hier ein Problem erörtet und gelöst werden soll, dürfte jedem der Beteiligten klar sein. Nur welches konkret, geht aus dem Betreff nicht hervor, wenn im Forum die Themenübersicht betrachtet wird.

Moderation: Betreff entsprechend ergänzt.
 
Werbung:
<br> bzw. <br/> ist eigentlich nur für Zeilenumbrüche bei Text gedacht. Benutze besser margin um Abstände zu erzielen. z.B. Margin-Top: 15px;.

Ansonsten wie schon geschrieben:

Code:
<a href="#">Youtube</a>

<--! oder, wenn neue Seite geladen werden soll -->

<a href="#" target="_blank"></a>

und das css dazu:

Code:
a {
  text-decoration: none;
  padding: 5px 17px;
  color: #fff;
  border: 1px solid: #000;
  background: #333;
}
/* für den hover effekt bzw. wenn man mit der maus drüber fährt */
a:hover {
  background: #111;
}

Statt a (gilt dann für alle links auf der seite) kannst du natürlich auch eine Klasse einsetzen.
 
Zurück
Oben