2017-04-19 7 views
1

Ich möchte einen Link in den folgenden Code einfügen, damit er als eine Schaltfläche ausgeführt wird, die den Link im selben Fenster öffnet.So fügen Sie einen Link in html ein

wo füge ich es hinzu und wie kann man es im gleichen Fenster öffnen?

<div style="width: 200px; background-color: #bf8f42; opacity: 0.8; margin: auto; margin-top: 50px; padding: 10px;">View Flash Perks 

Antwort

0

Verwenden Ankertag

<a href="http://where_to_go.com"> 
    <div style="width: 200px; background-color: #bf8f42; opacity: 0.8; margin: auto; margin-top: 50px; padding: 10px;"> 
    View Flash Perks 
    </div> 
</a>  
+0

danke, es hat funktioniert! Wie auch immer der Text rot ist Wie kann ich zu Weiß wechseln? – baines

+0

add Farbe = weiß in Div-Stil. und bitte upvote und markiere richtig –

+0

wie kann ich den Knopf verdunkeln, wenn die Maus auf die Oberseite schwebt – baines

0

<div style="width: 200px; background-color: #bf8f42; opacity: 0.8; margin: auto; margin-top: 50px; padding: 10px;"><a href="link"> View Flash Perks</a></div>

Es wird die Verbindung in demselben Fenster geöffnet werden.

+0

danke, aber das machte nur den Text einen Link, aber der Code oben arbeitete – baines

+0

Bitte upvote und markieren Sie es als richtig –

0

Warum wird der Text nach unten verschoben? Hier

Example of problem

ist der Code:

<p><a href="........"></p> 
<div style="width: 200px; background-color: #bf8f42; opacity: 0.8; margin: 
auto; margin-top: 0px; padding: 10px;"><font color="white"><br /> 
View Flash Perks 
</div> 
<p></a> </p> 
0

, wenn Sie die ganze div arbeiten als Link verwenden möchten

<div style="width: 200px; background-color: #bf8f42; opacity: 0.8; margin: auto; margin-top: 50px; padding: 10px;" onclick="location.href='(link to page goes here)'">View Flash Perks 
Verwandte Themen