使用Nu HTML Checker将图像插入HTML表会导致错误
我是HTML新手，但已经编程50多年了。我正在尝试在表格中放置图像。我可以从谷歌上看到这是可能的。NuHtml chcker一直拒绝代码。我做错了什么 我最初包含的是一个我遇到问题的片段，谢谢你的帮助&很抱歉，我可能浪费了你的时间。我在Word中开发了它，错误地认为我可以保存为HTML&一切都可以。在使用计算机50年后，我应该知道得更清楚。页面的结构是两列多行-一些行合并成一列使用Nu HTML Checker将图像插入HTML表会导致错误,html,image,html-table,Html,Image,Html Table,我是HTML新手，但已经编程50多年了。我正在尝试在表格中放置图像。我可以从谷歌上看到这是可能的。NuHtml chcker一直拒绝代码。我做错了什么 我最初包含的是一个我遇到问题的片段，谢谢你的帮助&很抱歉，我可能浪费了你的时间。我在Word中开发了它，错误地认为我可以保存为HTML&一切都可以。在使用计算机50年后，我应该知道得更清楚。页面的结构是两列多行-一些行合并成一列 <!DOCTYPE html> <html lang="en"> <head&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
<meta name="dcterms.created" content="Wed, 25 Apr 2018 14:13:29 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<title>ND Mailshot_2</title>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<table>
<img src="Reminder-1_files/image001.jpg" height="204" alt="ND Logo" title="ND Logo" style="float: left; width: 30%; margin-right: 1%; margin-left:5%; margin-bottom: 0.5em;"/>
<style>.centered {
position: absolute;
top: 30%;
left: 55%;
transform: translate(-50%, -50%);
color: red;
font-family: "Trebuchet MS", Helvetica, sans-serif ;
font-size:150%;
font-weight: bold;
text-shadow: 2px 2px white;
}
</style>
<div class="container">
<a href="https://www.youtube.com/watch?v=Cg8Zo2SrqXI&feature=youtu.be&t=15s?rel=0&autoplay=1">
<img src="Reminder-1_files/image002.gif" height="206" alt="" title="Mod Meter" style="float: left; width: 30%; margin-right: 5%; margin-left:5%; margin-bottom: 0.5em;"/></a></div>
<p style="clear: both;">
</tr><tr>
<span>
<style>
p {
color: rgb(0,44,132);
text-align: justify;
max-width:40%;
font-size:150%;
font-family: "trebuchet MS", Helvetica, sans-serif;
font-weight: bold;
}
</style>
<p>Hi Kris<br>
Just a quick reminder of some of our metering products. In particular the MultiCube Modular Meter (above right) and the Cube 950 triple 3 Meter (below). If you need any more information just click on the image for more info on the product or follow this link to our website.
Alternatively - or possibly as well - you might try this link. You'll need your sound ON and I hope that you enjoy it.</p>
</span>
<span>
<a href="https://www.ndmeter.co.uk/current-transformers.html">
<img src="Reminder-1_files/image004.jpg" height="206" alt="" title="Mod Meter" style="float: right; width: 30%; margin-right: 5%; margin-left:5%; margin-bottom: 0.5em;"/></a>
<div class="centered">Remote Display now available</div>
</td>
</span>
</tr>
</table>
</body>
</html>
老实说，我不知道你的HTML是怎么回事，但我试图修复它，但它还不完美： 我的页面 .居中{ 位置：绝对位置； 最高：30%； 左：55%； 转化：转化-50%，-50%； 颜色：红色； 字体系列：投石机MS，Helvetica，无衬线； 字体大小：150%； 字体大小：粗体； 文本阴影：2px 2px白色； } p{ 颜色：rgb0,44132； 文本对齐：对齐； 最大宽度：40%； 字体大小：150%； 字体系列：投石机MS，Helvetica，无衬线； 字体大小：粗体； } 嗨，克里斯
嗯，我不知道你的标签在那里做什么，因为你没有任何标签，必须进入该部分。您还至少有三个未关闭的标签。这五种标记都是无效的。我假设其他错误是由于缺少DOCTYPE和section之类的原因造成的。您是否签出了？validator.nu报告了该代码中的7个错误？您不了解哪些错误消息？请将所有样式放在一个样式元素中，并将其移动到html文件的头部分。供参考：在你完成之后，看看还有什么错误，我可能是我的错，因为我只发布了一个我遇到问题的片段。完整代码为：