html - 不需要的字符出现将 URL 提供给图像

Question

我有这个顺序的图像：[图像] [图像]

当我给他们每个人一个 url 时， - char 出乎意料地出现在他们之间。我不明白为什么 - 出现。

这是代码：

<div style='float:left;  width:320px;'>
                <span>
                     <a href='http://www.boun.edu.tr'/>
                     <img style='width:75px; height:75px' src='$img_root/logo_bogaz.jpg' alt='logo bogazici university'> 
                </span>
                <span>
                     <a href='http://www.gyte.edu.tr'/>
                     <img style='width:70px; height:70px' src='$img_root/gyte.gif'    alt='logo gyte'>  
                </span>
</div>

和输出：

Answer 1

It is part of the underline from your anchor tag. You can remove the underline as per below. (Note this will remove it for all links)

Add this to fix:

<style>
a {
    text-decoration:none;
}
</style>

Ideally this should go in a separate CSS file. But add it to the top of your HTML for an easy test.