直接在html编辑窗口插入相应命令即可在html表格中加入图片,具体 *** 作步骤如下:
1、将html文件和图片放在同一文件夹,例如放在电脑桌面,如下图所示;
2、打开html编辑窗口,对表格进行编辑,完成表格的标签,如下图所示;
3、在单元格“table”里面插入图片的标签,然后在“单元格td”后面插入图片的保存路径即可,如下图所示。
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>无标题文档</title>
</head>
<body style="width::100%"> <div style="margin:0px auto width:100px">招新表格</div>
<div style="margin:50px auto">
<table width="917" height="601" style="BORDER-COLLAPSE: collapse" borderColor=#000000 height=40 cellPadding=1 width=250 align=center border=1>
<tr>
<td width="101">姓名</td>
<td width="141">&nbsp</td>
<td width="121">性别</td>
<td width="121">&nbsp</td>
<td width="121">出生年月</td>
<td width="120">&nbsp</td>
<td colspan="2" rowspan="3">&nbsp</td>
</tr>
<tr>
<td rowspan="2">曾任职务</td>
<td rowspan="2">&nbsp</td>
<td>学号</td>
<td>&nbsp</td>
<td>政治面貌</td>
<td>&nbsp</td>
</tr>
<tr>
<td>联系电话</td>
<td>&nbsp</td>
<td>qq号</td>
<td>&nbsp</td>
</tr>
<tr>
<td>加入部门</td>
<td>第一志愿</td>
<td>&nbsp</td>
<td>第三志愿</td>
<td>&nbsp</td>
<td colspan="2">是否服从调配</td>
<td width="111">&nbsp</td>
</tr>
<tr>
<td>个人情况简介</td>
<td colspan="7">&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td colspan="7">&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td colspan="7">&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td colspan="7">&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td colspan="7">&nbsp</td>
</tr>
<tr>
<td>&nbsp</td>
<td colspan="7">&nbsp</td>
</tr>
</table>
</div>
</body>
</html>
其中的文字自己去写了!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)