<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>综合案例---注册页面</title>
</head>
<body>
<h4>青春不常在,抓紧恋爱</h4> <br/>
<table width="600">
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" id="nan"> <label for="nan"> <img src="D:\前端\资料\pink前端基础带资料\基础部分\02-前端基础第二天-HTML5基础\案例\images\man.jpg" /> 男 </label>
<input type="radio" name="sex" id="nv"> <label for="nv"><img src="D:\前端\资料\pink前端基础带资料\基础部分\02-前端基础第二天-HTML5基础\案例\images\women.jpg" /> 女</label>
</td>
</tr>
</table>
</body>
</html>
运行之后结果图片显示不出来
这个时候修改两个方面
1.在img标签尾部加 “/”
2.图片路径用绝对路径
3.如果还是失败,就把图片格式改成png,我就是所以图片格式改了,名字可改可不改
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>综合案例---注册页面</title>
</head>
<body>
<h4>青春不常在,抓紧恋爱</h4> <br/>
<table width="600">
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" id="nan"> <label for="nan"> <img src="D:\前端\资料\pink前端基础带资料\基础部分\02-前端基础第二天-HTML5基础\案例\images\program\man copy.png" /> 男 </label>
<input type="radio" name="sex" id="nv"> <label for="nv"><img src="D:\前端\资料\pink前端基础带资料\基础部分\02-前端基础第二天-HTML5基础\案例\images\program\women copy.png" /> 女</label>
</td>
</tr>
</table>
</body>
</html>
温馨提示:这个时候还是失败的话,你用启动调试运行,就出现了,不要用插件