公司员工信息纯HTML代码写表格table

最新推荐文章于 2023-07-27 18:05:24 发布
最新推荐文章于 2023-07-27 18:05:24 发布
阅读量1.1k 收藏 7
点赞数 4
分类专栏： 初学HTML 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54108380/article/details/120168282
版权

 代码如下：

border 为边框的厚度为1px(像素)

rules 为合并相邻之间表格的边框

cellpadding：代表单元格边框到内容之间的距离（留白）

cellspacing：用来指定表格各单元格之间的空隙。参数值是数字，表示单元格间隙的大小，单位为px。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格联系</title>
</head>
<body>
<table bgcolor="#f0f8ff" bordercolor = "white" cellpadding="2px" border="1px"rules="all" frame="void" align="center" width="700px" height = "300px">
    <tr height = "40px"  >
        <th bgcolor="red">姓名</th>
        <th bgcolor="#ff7f50">入职企业</th>
        <th bgcolor="yellow">入职时间</th>
        <th bgcolor="red">技术方向</th>
        <th bgcolor="#dc143c">试用期</th>
        <th bgcolor="#deb887">转正</th>
    </tr>
    <tr align="center">
        <td>王月</td>
        <td>东方文化出版社</td>
        <td>2013-03-06</td>
        <td>UI设计</td>
        <td>4200</td>
        <td>5800</td>
    </tr>
    <tr align="center"  bgcolor="#faebd7">
        <td>刘文玉</td>
        <td>北京聪慧邓白氏研究公司</td>
        <td>2013-02-03</td>
        <td>BENET网络工程师</td>
        <td>6000</td>
        <td>8000</td>
    </tr>
    <tr align="center">
        <td>吕方</td>
        <td>北大青鸟研究院</td>
        <td>2013-05-15</td>
        <td>JAVA工程师</td>
        <td>3500</td>
        <td>4500</td>
    </tr>
    <tr align="center"  bgcolor="#faebd7">
        <td>杨亚</td>
        <td>上海白林广告公司</td>
        <td>2013-05-17</td>
        <td>网页工程师</td>
        <td>3500</td>
        <td>4500</td>
    </tr>
    <tr align="center">
        <td>白杨</td>
        <td>东方文化出版社</td>
        <td>2013-09-15</td>
        <td>营销经理</td>
        <td>6500</td>
        <td>8800</td>
    </tr>
    <tr align="center"  bgcolor="#faebd7">
        <td>杨文</td>
        <td>彗星文化传媒公司</td>
        <td>2013-09-25</td>
        <td>网络营销师</td>
        <td>6500</td>
        <td>8800</td>
    </tr>
    <tr align="center">
        <td>张智</td>
        <td>北京动力研究院</td>
        <td>2013-05-5</td>
        <td>力学研究院</td>
        <td>12000</td>
        <td>18000</td>
    </tr>
    <tr align="center"  bgcolor="#faebd7">
        <td>成方</td>
        <td>北大青鸟研究院</td>
        <td>2013-05-5</td>
        <td>软件工程师</td>
        <td>12000</td>
        <td>18000</td>
    </tr>
    <tr align="center">
        <td>陈萍</td>
        <td>北京动力研究院</td>
        <td>2013-05-5</td>
        <td>力学研究院</td>
        <td>12020</td>
        <td>13000</td>
    </tr>
</table>
</body>
</html>

A酒客
关注
  • 4
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML制作员工信息登记表
Crazy_78的博客
04-20 7923
任务描述:利用HTML+CSS制作下面的表格 任务分析: 1.需用到表单方面的知识,from标签 input标签及其属性 2.该表背景为粉色,需设置背景色 3.有两个表单按钮,提交和重置按钮 4.文本框内填充了一定文字 HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3....
JQuery 动态生成Table表格实例代码
11-29
JQuery动态生成Table表格 主要用到了JQuery中的append和appendto的方法,具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>动态创建表格</title> <script type="text/javascript" sr
员工考勤记录表下载RAR
12-28
一份优秀的员工考勤记录表下载RAR能够对我们提供很大的帮助，不但能够为我们提供方便，同时也节省了很多...该文档为员工考勤记录表下载RAR，是一份很不错的参考资料，具有较高参考价值，感兴趣的可以下载看看
HTML table表格边框的控制详细说明
01-19
只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=rhs> 不显示任何边框 <table frame=void> 复制代码代码如下: <html> <head> <title>表格边框的隐藏</title> <meta http-equiv=”Content-Type” content=”text/html; charset=u
HTML的dl、dt、dd标记制作表格对决Table制作表
12-08
不但让网站降低了开发和维护的成本，而且代码也更语义化了。但是，并不是说table从此消失了，它仍然被很多人用来作为网页中数据表现的必需品，比如个人信息数据列表等。事实上，使用HTML的dl、dt、dd标签会让你节省更多的代码，更能让代码符合内容的语义化。当然，table也有它的用武之地，那就是很大数据量的数据表，但是小型的数据列表和表单完全可以不使用table哦！ 如果你仍然在使用传统table来创建数据列表，那么请继续往下看，看看使用HTML的dl、dt、dd标签是如何让你的工作更轻松… table数据列表 传统table的数据列表代码如下所示。我们要为每行添加tr标签，然后还要在其中为标
比较全面的员工考勤记录表（表格模板、DOC格式）
12-28
一份优秀的比较全面的员工考勤记录表（表格模板、DOC格式）能够对我们提供很大的帮助，不但能够为我们提...该文档为比较全面的员工考勤记录表（表格模板、DOC格式），是一份很不错的参考资料，具有较高参考价值，感兴趣的可以下载看看
员工信息管理系统后台HTML 模板
11-01
本模板适合用于管理系统，可以很好的实现靓丽页面【实例为员工信息管理系统，可以修改为其他的，用于借鉴哈】
CSS+html人员信息表
liaojsgtcg的博客
09-16 1207
这里写目录标题要求模板效果图CSS模块总体模块 要求 表格整体居中，宽度为600px 表格边框为1个像素的绿色实线条 单元格和单元格之间的间距合并 标题行背景为黑色、字体为白色、字号14px宋体 表格页脚包含四个超链接：首页、上一页、下一页、尾页 表格页脚部分背景为黑色，四个超链接右对齐，间距为15px，字体为14px，且无蓝色下划线 表格中间部分隔行显示背景色（深灰色与浅灰色交替） 鼠标移到行上高亮显示为浅黄色，鼠标移开还原为之前的颜色 单元格的字体字号为12px表格第一列为“复选框”列； 最后一列为“
html查看员工所有信息,学会员工信息表，你就搞定了所有人员信息表！
weixin_33309048的博客
06-20 1024
❥ 新建一个工作表，在A1-F1单元格中一次输入：'员工编号'、'姓名' 、'性别'、'出生日期'、'年龄'、'业绩'。❥ 我们以10个员工为例，选择区域A2：A11，右键【单元格格式】---【数字】---【自定义】，在【类型】文本框中输入' 'XX-'@'点击【确定】按钮❥ 返回工作表，在A2单元格中输入1并按Enter键，得到如下结果(1的左侧自动输入了XX-)❥ 单击A2单元格，将鼠标移动至...
CSS+html+js人员信息表
liaojsgtcg的博客
10-05 510
给查询，修改，删除，加入具体操作 查看 function view(currentObj) { var stuNo = currentObj.parentNode.parentNode.children[1].innerHTML; var name = currentObj.parentNode.parentNode.children[2].innerHTML; var major = currentObj.parentNode.parentNode.children[3].innerHTML; aler
PHP、HTML、CSS、MYSQL后台管理|企业员工|学员表单
09-23
用PHP、HTML、MYSQL开发的企业管理WEB系统，可记录员工的员工号、姓名、身份证号、性别、出生日期、入职日期，还在开发中，将来回不断更新。
员工考勤记录表.xlsx源码EXCEL VBA宏编程xlsx实例代码下载
05-29
员工考勤记录表.xlsx源码EXCEL VBA宏编程xlsx实例代码下载员工考勤记录表.xlsx源码EXCEL VBA宏编程xlsx实例代码下载员工考勤记录表.xlsx源码EXCEL VBA宏编程xlsx实例代码下载员工考勤记录表.xlsx源码EXCEL VBA宏编程xlsx实例代码下载 1.合个人学习技术做项目参考合个人学习技术做项目参考 2.适合学生做毕业设计项目参考适合学生做毕业设计项目技术参考 3.适合小团队开发项目技术参考适合小团队开发项目技术参考
HTML 自动伸缩的表格Table js实现
12-12
下面的代码解决了这个问题：当表格被载入的时候，TD的宽度是原定的长度，不会撑开TD，也不会影响其他TD，点击某行会按照本行所有单元格中行数最多的单元格的长度伸长行高。用户体验很好。【优点】 1、对开发人员指定的表格没有任何影响； 2、使用简单； 3、被定义的表格样式可以随意的定制你的样式，不对你的样式构成影响； 4、移植性好，扩展性好。 【缺点】 目前用IE7测试正常，但不支持FireFox，工作比较忙，没时间更正，希望网友更正，俺在此谢过。^_^ 【使用方法】 1、将AutoTableSize.js包文件[点击这儿下载源代码]导入到你的web应用目录中； 2、引入包AutoTableSize
2900份企业日常管理常用表格
04-21
人力资源管理600个 仓储管理表格50个 其它表格80个 办公室常用表格280个 印章管理表格25个 员工绩效管理表格100个 培训管理表格250个 档案管理表格120个 生产管理表格350个 营销管理表格65个 行政管理表格400个 计划排期表70个 财务管理表格300个 车辆管理表格30个 采购管理表格180个 部分表格明细： 发文编号登记簿 员工加班申请单 员工请假申请单 客户投诉受理单 工作联络单 固定资产申请单 固定资产领用单 名片需求申报表 派车单 签呈 需求申报表 招待宴请审批单 用章申请单 办公用品申请单 预借款申请单 各部门负责人月汇报表 油卡充值申请表 电脑、打印机等办公设备维修申报处理单 出差申请单 （一）行政费用计划表 （二）行政费用申请单 。。。。。。
纯原生js实现table表格的增删
11-30
公司实习生问我table的增删操作，用jQuery很简单的实现了。又问我不使用jQuery，只使用js如何实现。 面对这种情况，我的一贯做法是‘不理解，但是支持’。 jQuery用的多了，人也懒了，但还是用js实现了这一操作，觉得难点在于IE兼容。。。 只是想找代码看看的可以跳过分析过程，文章底部附有完整代码。 以下是coding过程： HTML结构代码 一个基本的table结构，增加了一些简单的样式，三个按钮分别对应创建、清空，和一个预留。 <!DOCTYPE HTML> <html> <head> <title>table</title> <meta charset='utf-8'
html编写简单人员信息表格
最新发布
weixin_56425963的博客
07-27 553
用html制作一个简单的人员信息表格
员工列表html,获取员工列表（AJAX技术）
weixin_39972151的博客
06-20 420
需求分析：设计并实现一个web程序,模拟从实现从数据库中取员工信息，并显示在页面中。要求可以异步刷新。系统分析与设计：设计一个Servlet(EmpServlet)用于生成XML文件，存放员工信息。并将XML发送到HTML页面(emplist.html)。emplist.html中的AJAX发送请求给Servlet,Servlet处理后返回结果，emplist.html中的AJAX响应请求。//发...
HTML创建一个员工表,HTML-创建一个简单的表格
weixin_34698121的博客
06-22 368
~~~~body{font-family:Tahoma, Geneva;background-image:url(“~~.gif”);background-attachment:fixed;background-repeat:no-repeat;height:100%; }table{height:200px;width:200px;float:right;}th{backgr...
Html中的表格、Table和div，表格页面、员工登记表、Div代码
qq_44791674的博客
08-24 1506
Table和div Table 表格 Web1班名册 学号 姓名 性别 年龄 01 张三 男 21 02 李四 女 20 … 人数合计： 60 表格的组成部分：标题 表头 主体 表尾 table： 定义一个表格 caption： 定义表格的标题 thead ：定义表头的部分 tbody ：定义表格的主体（数据）部分 tfoot ：定义表尾 ，一般来显示汇总信息 tr ：定义一行 th、 td 来定义数据项（单元格） th一般用于表头，有加粗的样式。 td 一般用于主体部分，没有加粗的样式 td ：ro
用纯js写table表格
04-19
我可以回答你的问题。你可以使用JavaScript语言，通过DOM操作来创建和修改HTML表格。可以使用document.createElement()方法来创建表格元素，然后使用appendChild()方法将表格元素添加到文档中。使用document.createTextNode()方法创建表格中的文本内容，然后使用appendChild()方法将其添加到具体的表格单元格中。此外，你也可以使用innerHTML或outerHTML属性来修改或生成表格的HTML代码。希望我的回答能够帮到你。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

A酒客

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值