I'm having some difficulties to show the images of the cards with the <img src=" "> tag.
Is there a shorter way, as an example using a string variable with the URl an place it in the scr-attribute, to show the images. I'm using a variable cardValue that identifies the right picture.

<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<link href="~/Content/BJ.css" rel="stylesheet" />

</head>
<body id="playGround">
<div>
<h1 class="status">@Model.Status</h1>
<p class=".par">
@foreach (Card c in Model.DealerHand)
{
if (c.CardValue==0)
{
<img alt="back card" src="~/Content/themes/base/images/back.gif" />
}
else
{
switch (c.CardValue)
{
case 0: <img alt="kaart" src="~/Content/themes/base/images/kaart0.gif" />
case 1: <img alt="kaart" src="~/Content/themes/base/images/kaart1.gif" />
case 2:<img alt="kaart" src="~/Content/themes/base/images/kaart2.gif" />
case 3:<img alt="kaart" src="~/Content/themes/base/images/kaart3.gif" />
case 4:<img alt="kaart" src="~/Content/themes/base/images/kaart4.gif" />
case 5:<img alt="kaart" src="~/Content/themes/base/images/kaar5.gif" />
case 6:<img alt="kaart" src="~/Content/themes/base/images/kaart6.gif" />
case 7:<img alt="kaart" src="~/Content/themes/base/images/kaart7.gif" />
case 8:<img alt="kaart" src="~/Content/themes/base/images/kaart8.gif" />
case 9:<img alt="kaart" src="~/Content/themes/base/images/kaart9.gif" />
case 10:<img alt="kaart" src="~/Content/themes/base/images/kaart10.gif" />
case 11:<img alt="kaart" src="~/Content/themes/base/images/kaart11.gif" />
case 12:<img alt="kaart" src="~/Content/themes/base/images/kaart12.gif" />
case 13:<img alt="kaart" src="~/Content/themes/base/images/kaart13.gif" />
case 14:<img alt="kaart" src="~/Content/themes/base/images/kaart14.gif" />
case 15:<img alt="kaart" src="~/Content/themes/base/images/kaart15.gif" />
case 16:<img alt="kaart" src="~/Content/themes/base/images/kaart16.gif" />
case 17:<img alt="kaart" src="~/Content/themes/base/images/kaart17.gif" />
case 18:<img alt="kaart" src="~/Content/themes/base/images/kaart18.gif" />
case 19:<img alt="kaart" src="~/Content/themes/base/images/kaart19.gif" />
case 20:<img alt="kaart" src="~/Content/themes/base/images/kaart20.gif" />
case 21:<img alt="kaart" src="~/Content/themes/base/images/kaart21.gif" />
case 22:<img alt="kaart" src="~/Content/themes/base/images/kaart22.gif" />
case 23:<img alt="kaart" src="~/Content/themes/base/images/kaart23.gif" />
case 24:<img alt="kaart" src="~/Content/themes/base/images/kaart24.gif" />
case 25:<img alt="kaart" src="~/Content/themes/base/images/kaart25.gif" />
case 26:<img alt="kaart" src="~/Content/themes/base/images/kaart26.gif" />
case 27:<img alt="kaart" src="~/Content/themes/base/images/kaart27.gif" />
case 28:<img alt="kaart" src="~/Content/themes/base/images/kaart28.gif" />
case 29:<img alt="kaart" src="~/Content/themes/base/images/kaart29.gif" />
case 30:<img alt="kaart" src="~/Content/themes/base/images/kaart30.gif" />
case 31:<img alt="kaart" src="~/Content/themes/base/images/kaart31.gif" />
case 32:<img alt="kaart" src="~/Content/themes/base/images/kaart32.gif" />
case 33:<img alt="kaart" src="~/Content/themes/base/images/kaart33.gif" />
case 34:<img alt="kaart" src="~/Content/themes/base/images/kaart34.gif" />
case 35:<img alt="kaart" src="~/Content/themes/base/images/kaart35.gif" />
case 36:<img alt="kaart" src="~/Content/themes/base/images/kaart36.gif" />
case 37:<img alt="kaart" src="~/Content/themes/base/images/kaart37.gif" />
case 38: <img alt="kaart" src="~/Content/themes/base/images/kaart38.gif" />
case 39:<img alt="kaart" src="~/Content/themes/base/images/kaart39.gif" />
case 40:<img alt="kaart" src="~/Content/themes/base/images/kaart40.gif" />
case 41:<img alt="kaart" src="~/Content/themes/base/images/kaart41.gif" />
case 42:<img alt="kaart" src="~/Content/themes/base/images/kaart42.gif" />
case 43:<img alt="kaart" src="~/Content/themes/base/images/kaart43.gif" />
case 44:<img alt="kaart" src="~/Content/themes/base/images/kaart44.gif" />
case 45:<img alt="kaart" src="~/Content/themes/base/images/kaart45.gif" />
case 46:<img alt="kaart" src="~/Content/themes/base/images/kaart46.gif" />
case 47:<img alt="kaart" src="~/Content/themes/base/images/kaart47.gif" />
case 48:<img alt="kaart" src="~/Content/themes/base/images/kaart48.gif" />
case 49:<img alt="kaart" src="~/Content/themes/base/images/kaart49.gif" />
case 50:<img alt="kaart" src="~/Content/themes/base/images/kaart50.gif" />
case 51:<img alt="kaart" src="~/Content/themes/base/images/kaart51.gif" />



}

}

}
<p>
</div>
</body>
</html>