2017-09-15 2 views
-4

これは私が使用しているコードです。 MSN.com以下は何らかの理由でリンクになります。私は私のCSSをチェックして、そこに問題があると仮定しますが、HTMl側から何が起こっているのかを最初に見たいと思っていましたか?すべてのHTML書き込みはリンクされています(hrefsを使用しないで)?

<a href="http:msn.com" target="blank"><img class="makeBlock" src="images/scenery.jpg" alt="This is a clickable image"></a><br><br> 
<!-- One way to utilize this functionality is to have a nice image button saved and use that to link to stuff --> 

<!-- An array of images that are thumbnail size that be clicked to go to a new window for the bigger version --> 
<a href="http://yahoo.com" target="blank"><img src="images/scenery.jpg" alt="thumbnail size to link" width="width 52" height="70"> 
<a href="http://yahoo.com" target="blank"><img src="images/scenery.jpg" alt="thumbnail size to link" width="width 52" height="70"> 
<a href="http://yahoo.com" target="blank"><img src="http://freeforcommercialuse.net/wp-content/uploads/2017/08/msp_1701_4269.jpg" alt="thumbnail size to link" width="width 52" height="70"> 
<a href="http://yahoo.com" target="blank"><img src="images/scenery.jpg" alt="thumbnail size to link" width="width 52" height="70"> 
<a href="http://yahoo.com" target="blank"><img src="images/scenery.jpg" alt="thumbnail size to link" width="width 52" height="70"> 
<a href="http://google.com" target="blank"><img src="images/scenery.jpg" alt="thumbnail size to link" width="width 52" height="70"> 

<br> 
<br> 

</div> 

<!-- The below is to create an image map using coordinats so people can click on different areas and go different places --> 

<img src="http://freeforcommercialuse.net/wp-content/uploads/2017/08/msp_1701_4269.jpg" usemap="#scenery"> 
<map name="scenery"> 
<area shape="rect" alt="Left side strong side" coords="0,10,536,614" href="https://nba.com" target="blank"> 
</map> 

<!-- An unordered list is called a bullet list. An ordered list is with numbers --> 

<ul> 
    <li>Sun</li> 
    <li>Moon</li> 
    <li>Test</li> 
</ul> 

<ol> 
    <li>Ordered Sun</li> 
    <li>Ordered Moon</li> 
    <li>Ordered Test</li> 
</ol> 

<table> 
    <tr> 
     <td>Apples R1C1</td> 
     <td>Oranges R1C2</td> 
    </tr> 
    <tr> 
     <td>Pears R2C1</td> 
     <td>Peaches R2C2</td> 
    </tr> 
</table> 

+0

ようこそスタックオーバーフロー!この問題は、もはや再現できない問題や単純な誤植によって引き起こされたもので、閉会に投票しました。同様の質問がここでは話題になるかもしれないが、これは将来の読者を助けるとは思わない方法で解決された。 –

答えて

0

あなたのアンカー要素の全てに対して終了タグが欠落。構造は<a></a>のようになります。

あなたの

または使用して1例

<a href="http://google.com" target="blank"> 
    <img src="images/scenery.jpg" alt="thumbnail size to link" width="width 52" height="70"> 
</a> 
0

あなたのコード内で</a>正しく閉じられていません。

+0

https://fiddle.jshell.net/n3u1cwx0/ – Santhosh

+0

ありがとう!私はそれが何かシンプルであることを知っていました。 – sundizz

0

あなたは</a>でa要素を閉じることは決してありません。

関連する問題