2017-02-05 3 views
2

hier ist die htmlwie kann ich in html

<div id="panelpic1"> 
    <a href="https://www.google.com/"style="display:block"target="_blank"> 
    </a> 
</div> 

CSS

#panelpic1{ 
      content: url(file:///D:/MOHIT/HTML/images.jpg); 
      float: left; 
      width: 250px; 
      height: 150px; 
      vertical-align: middle;    
      } 

Dies ist die Art, wie ich es tat, aber es funktioniert nicht, ein Bild anklickbar. Das Bild ist nicht anklickbar. bitte helfen

Antwort

5

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<span>Open image link in a new tab: 
 
<a href="http://www.google.com" target="_blank"> 
 
    <img src="D:/MOHIT/HTML/images.jpg" /> 
 
</a> 
 
</span> 
 

 
</body> 
 
</html>

Dies ist nicht der beste Ansatz. Hier ist einer der Standardansätze, um ein Bild anklickbar zu machen.

<a href="your landing page url"> 
<img src="your image url" /> 
</a> 

Jetzt wird dieses Bild auf die angegebene URL bei Klick umleiten.

Es gibt viele Möglichkeiten, es vom Hochladen von S3/dropbox in FSCollection (nur für Knotenbenutzer) zu verwenden.

Also in Ihrem Fall wird Ihr Snippet wie folgt aussehen,

<a href="http://www.google.com"> 
<img src="D:/MOHIT/HTML/images.jpg" /> 
</a> 
+0

nach tun, was u das Bild vorgeschlagen wurde klickbare aber es ist nicht in den angegebenen Dimensionen in der Seite zu erzeugen. –

+0

Kannst du einfach den Bildcode in deine Frage einfügen? Es wird sehr hilfreich sein. Danke –

+0

es ist schon da in der Frage –