html表格中加入图片 怎么在表格中加入图片

html表格中加入图片 怎么在表格中加入图片,第1张

直接在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>

其中的文字自己去写了!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7297328.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存