<img src=""/>标记无法正常工作（MVC，HTML）

Question

这是我的代码（Index.cshtml文件的一部分）：

<div class="col-md-6">
        <h2>Warunki wypozyczenia</h2>
        <p>
            Kazdego wypozyczajacego obowiazuja jednakowe zasady dotyczace wypozyczonych ksiazek. <br />Najwazniejsze z nich:
            <ol>
                <li>Nie jedz z ksiazka.</li>
                <li>Myj rece przed czytaniem.</li>
                <li>Nie kap sie z ksiazka.</li>
                <li>Jesli jestes strazakiem, zostaw ksiazke w bazie przed akcja ratunkowa.</li>
            </ol>
        </p>
        <img src="~\Content\DataTables\images\rules.png" alt="Rules" />
    </div>

这是项目结构：

在代码中，当鼠标悬停时，图像显示：

在网站上有错误：

我尝试过重构此文件的路径，但没有任何帮助。

有什么想法吗？

Answer 1

更改此行代码

<img src="~\Content\DataTables\images\rules.png" alt="Rules" />

到

<img src="~\Content\DataTables\images\rules.jpg" alt="Rules" />

您需要考虑图像中的扩展名。 ＆＃34; png＆＃34;，＆＃34; jpg＆＃34;

希望有所帮助

Answer 2

您使用的是\而不是/吗？

正确的方法是

<img src="~/Content/DataTables/images/rules.png" alt="Rules" />