在 html 中导入图像时出现灰色框

Grey box when importing image in html

我正在尝试导入图像并将其放在我的背景上,但是当我将图像放入时,它是不可见的并且周围有一个灰色框。我该如何解决?

HTML 代码 -

<div id="background">

    <img src"images/twitter.jpg" alt"Twitter Logo" style="width:50px;height:50px"> 


<div id="menu">
    <div class="table">
        <ul id="horizontal-list">
            <li><a href="index.html" class="no-underline" >Home</a></li>
            <li><a href="page2.html" class="no-underline" >All About</a></li>
            <li><a href="page3.html" class="no-underline" >Galley</a></li>
            <li><a href="page4.html" class="no-underline" >Video Clips</a></li>
            <li><a href="page5.html" class="no-underline" >Main Cast</a></li>
        </ul>

    </div>


</div>

语法 error:Just 在 <img src 之后添加 =。 代码:

<img src="images/twitter.jpg" alt"Twitter Logo" style="width:50px;height:50px">