在HTML中添加表格单元格内的图像
我很抱歉,但我无法做到这一点.我无法在表格单元格中添加图像.以下是我写的代码: -
<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>
我做错了什么？这是我的输出屏幕: -
Fel*_*ani 11
你的语法有一些错误HTML.
首先,图像的URL需要指向公共Internet上的地址.查看您页面的用户将没有您的硬盘驱动器,因此指向本地硬盘驱动器上的文件无法正常工作.替换C:\Pics为图像的实际URL,而不是开发机器文件系统上的路径.如果您想绝对确定,请使用其他计算机并将img标记src属性值粘贴到浏览器的地址栏中.如果它在那里工作,那么你很好.不要该路径可以是相对的并且仍然有效,但是它需要相对于它所嵌入的网页的公共URL.
第二,<title>标签.如果您需要在浏览器上使用标题,则需要添加此标记,并且无法对其进行格式化.
第三个错误,如果是关于<th>标记,则必须在<tr>标记内添加此标题,因为<th>需要一行(create by <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>
这对我有用: -
<!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>
你有一个 TH 漂浮在你的桌子顶部，它不在 TR 内。解决这个问题。
关于您的图像问题，您绝对从您的计算机硬盘中引用图像。不要那样做。
您还有一个不应该出现的结束标签。
它应该是：
<img src="h.gif" alt="" border="3" height="100" width="100" />
还有这个：
<table border = 5 bordercolor = red align = center>
你的 colspans 也搞砸了。您似乎只有三列，但代码中的 colspan 为 14 和 4。
应该：
<table border="5" bordercolor="red" align="center">
您也没有声明 DOCTYPE。您至少应该添加：
<!DOCTYPE html>