42

我很抱歉，但我无法做这个简单的事情。我无法在表格单元格中添加图像。以下是我编写的代码：-

 <html>
   <head>CAR APPLICATION</head>
   <body>

    <table border = 5 bordercolor = red align = center>
    <th colspan = 14>ABCD</th>
    <tr>
        <th colspan = 4>Name</th>
        <th colspan = 4>Origin</th>
        <th colspan = 4>Photo</th>
    </tr>
    <tr>
        <td colspan = 4>Bugatti Veyron Super Sport</th>
        <td colspan = 4>Molsheim, Alsace, France</th>
        <td colspan = 4><img src="C:\Pics\H.gif" alt="" border=3 height=100 width=100></img></td>
    </tr>
    <tr>
        <td colspan = 4>SSC Ultimate Aero TT  TopSpeed</td>
        <td colspan = 4>United States</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4>Koenigsegg CCX</td>
        <td colspan = 4>Ängelholm, Sweden</td>
        <td colspan = 4 border=4 height=100 width=300>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4>Saleen S7</td>
        <td colspan = 4>Irvine, California, United States</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4> McLaren F1</td>
        <td colspan = 4>Surrey, England</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4>Ferrari Enzo</td>
        <td colspan = 4>Maranello, Italy</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
    <tr>
        <td colspan = 4> Pagani Zonda F Clubsport</td>
        <td colspan = 4>Modena, Italy</td>
        <td colspan = 4 border=3 height=100 width=100>Photo1</td>
    </tr>
</table>
 </body>
<html>

我做错了什么？这是我的输出屏幕：-

在此处输入图像描述

4

7 回答 7

15

这对我有用：-

 <!DOCTYPE html> 
  <html>
  <head>
<title>CAR APPLICATION</title>
 </head>
 <body>
<center>
    <h1>CAR APPLICATION</h1>
</center>

<table border="5" bordercolor="red" align="center">
    <tr>
        <th colspan="3">ABCD</th> 
    </tr>
    <tr>
        <th>Name</th>
        <th>Origin</th>
        <th>Photo</th>
    </tr>
    <tr>
        <td>Bugatti Veyron Super Sport</th>
        <td>Molsheim, Alsace, France</th>
                <!-- considering it is on the same folder that .html file -->
        <td><img src=".\A.jpeg" alt="" border=3 height=100 width=300></img></th>
    </tr>
    <tr>
        <td>SSC Ultimate Aero TT  TopSpeed</th>
        <td>United States</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td>Koenigsegg CCX</th>
        <td>Ängelholm, Sweden</th>
        <td border=4 height=100 width=300>Photo1</th>
    </tr>
    <tr>
        <td>Saleen S7</th>
        <td>Irvine, California, United States</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td> McLaren F1</th>
        <td>Surrey, England</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td>Ferrari Enzo</th>
        <td>Maranello, Italy</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
    <tr>
        <td> Pagani Zonda F Clubsport</th>
        <td>Modena, Italy</th>
        <td border=3 height=100 width=100>Photo1</th>
    </tr>
</table>
  </body>
  <html>
于 2012-11-20T08:18:40.013 回答
14

您的HTML.

首先，图片的 URL 需要指向公共 Internet 上的地址。查看您页面的用户将没有您的硬盘，因此无法指向本地硬盘上的文件。替换C:\Pics为图像的实际 URL，而不是开发机器文件系统上的路径。如果您想绝对确定，请使用不同的计算机并将 img 标签的 src 属性值粘贴到浏览器的地址栏。如果它在那里工作，那么你很好。不要认为路径可以是相对的并且仍然有效，但是它需要相对于它所嵌入的网页的公共 URL。

第二，<title>标签。如果你需要在浏览器上有一个标题，你需要添加这个标签，并且你不能格式化它。

第三个错误，如果关于<th>标签，你必须在标签内添加这个标题<tr>，因为<th>需要一行（创建者<tr>）。

另一件事是，你不需要你所做的所有 colspan。

我尝试根据需要做一个有效的 html。看一看：

<!DOCTYPE html> 
<html>
<head>
    <title>CAR APPLICATION</title>
</head>
<body>
    <center>
        <h1>CAR APPLICATION</h1>
    </center>

    <table border="5" bordercolor="red" align="center">
        <tr>
            <th colspan="3">SONAKSHI RAINA 10B ROLL No:-32</th> 
        </tr>
        <tr>
            <th>Name</th>
            <th>Origin</th>
            <th>Photo</th>
        </tr>
        <tr>
            <td>Bugatti Veyron Super Sport</td>
            <td>Molsheim, Alsace, France</td>
                    <!-- considering it is on the same folder that .html file -->
            <td><img src="H.gif" alt="" border=3 height=100 width=100></img></td>
        </tr>
        <tr>
            <td>SSC Ultimate Aero TT  TopSpeed</td>
            <td>United States</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td>Koenigsegg CCX</td>
            <td>Ängelholm, Sweden</td>
            <td border=4 height=100 width=300>Photo1</td>
        </tr>
        <tr>
            <td>Saleen S7</td>
            <td>Irvine, California, United States</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td> McLaren F1</td>
            <td>Surrey, England</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td>Ferrari Enzo</td>
            <td>Maranello, Italy</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
        <tr>
            <td> Pagani Zonda F Clubsport</td>
            <td>Modena, Italy</td>
            <td border=3 height=100 width=100>Photo1</td>
        </tr>
    </table>
</body>
<html>
于 2012-11-19T16:20:31.450 回答
6

你有一个 TH 漂浮在你的桌子顶部，它不在 TR 内。修复它。

关于您的图像问题，您绝对是从计算机硬盘驱动器中引用图像。不要那样做。

您还有一个不应该存在的结束标签。

它应该是：

<img src="h.gif" alt="" border="3" height="100" width="100" />

还有这个：

<table border = 5 bordercolor = red align = center>

你的colspans也搞砸了。您似乎只有三列，但代码中的 colspans 为 14 和 4。

应该：

<table border="5" bordercolor="red" align="center">

你也没有声明 DOCTYPE。您至少应该添加：

<!DOCTYPE html>
于 2012-11-19T16:16:13.077 回答
3

灵魂看起来像：

<td colspan ='4'><img src="\Pics\H.gif" alt="" border='3' height='100' width='100' /></td>

.

<td>需要关闭的</td> <img />是（在大多数情况下）一个空标签。结束标签被替换为/>... 就像 br 的

<br/>

您的 html 结构很简单（抱歉），但这可能会变成非常糟糕的跨浏览器兼容性。此外，用引号封装属性的值，并避免在标签中使用大写字母。

于 2012-11-19T16:17:58.663 回答
1

您已将图像引用为计算机上的路径（C:\etc\etc）......它位于那里吗？你没有回答别人问的问题。我已经获取了您的代码，将其放在dreamweaver 中，它与图像分开工作，因为我没有存储它。

检查位置，然后让我们知道。

于 2012-11-19T17:33:09.323 回答
1

尝试使用“/”而不是“\”作为图像的路径。这里的一些评论似乎来自不了解我们中的一些人的人，他们只是在学习 Web 开发，在许多情况下最好在本地完成。所以不要使用 src=C:\Pics\H.gif 使用 src="C:/Pics/H.gif" 作为绝对路径，或者如果你的图片是 src="Pics/H.gif" 作为相对路径在您的 html 页面位置的子目录中）。另请注意，用引号将路径括起来是一种很好的做法。否则，您将遇到包含空格和其他奇数字符的路径问题。

于 2015-04-29T02:47:11.163 回答
1

或者...您可以将图像放在锚标记中。因为我有同样的问题，它解决了它没有问题。许多人在发布他们的网站和照片之前使用本地路径。只要确保您在最后的编辑阶段返回并修复它。

于 2015-06-12T14:42:22.420 回答