在表格单元格HTML内添加图像时出错

Question

My image's link reference is break. But the image and the html file are in the same folder. And I think that this code is correct:

<td><img src="test.jpg" alt="" border=3 height=100 width=300></img></th>

This error occurs when I try to run my web application using eclipse, but I created a simple html file in the desktop and put the image there too, then it runs perfectly. Both codes are the same.

Code:

{{define "content"}}

<table>
    <tr>
        <td>Jill</td>
        <td>Smith</td>
        <td><img src="test.jpg" alt="" border=3 height=100 width=300 /></td>
    </tr>
    <tr>
        <td>Eve</td>
        <td>Jackson</td>
        <td>94</td>
    </tr>
</table>

{{end}}

Answer 1

You have a few issues with your code. You have tags open, but using the wrong closing tag. Try this:

<td><img src="test.jpg" alt="" border=3 height=100 width=300 /></td>

Also, it seems you are using HTML4 - very old. Once you have it working, I suggest removing the border, height and width attributes and use CSS instead.

Answer 2

As you are adding that by saving normal HTML file from desktop, it will work. But in other case, Code has to be as per its standard rule. And you were missing some. Please see below the correct way:

<td>
   <img src="test.jpg" alt="" border=3 height=100 width=300 />
</td>

Also let us know if there is any path related issues.