HTML5实现表格

最新推荐文章于 2023-02-13 17:25:35 发布
最新推荐文章于 2023-02-13 17:25:35 发布
阅读量376 收藏 1
点赞数 2
文章标签： html5 html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaowude_boke/article/details/126846593
版权

面试评价表

```html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>面试评价表</title>
    </head>
    <body>
        
        <table border="1" cellpadding="10" cellspacing="0" align="center">
            <caption>
                <h1>面试评价表</h1>
            </caption>
            <tr height="65px">
                <td width="60px" align="center">姓名</td>
                <td width="100px"></td>
                <td width="60px" align="center">性别</td>
                <td width="100px"></td>
                <td width="60px" align="center">年龄</td>
                <td width="100px"></td>
                <td width="80px" align="center">应聘岗位</td>
                <td width="120px"></td>
            </tr>
            <tr height="65px">
                <td align="center">毕业<br/>学校</td>
                <td></td>
                <td align="center">学历</td>
                <td></td>
                <td align="center">专业</td>
                <td></td>
                <td align="center">职称</td>
                <td></td>
            </tr>
            <tr>
                <td rowspan="6" align="center">形象</td>
                <td rowspan="3" align="center">仪表</td>
                <td colspan="3" align="center">衣冠讲究</td>
                <td rowspan="6" align="center">态度举止</td>
                <td colspan="2" align="center">大方得体</td>
            </tr>
            <tr>
                <td colspan="3" align="center">整洁一般</td>
                <td colspan="2" align="center">拘谨</td>
            </tr>
            <tr>
                <td colspan="3" align="center">随便懒散</td>
                <td colspan="2" align="center">傲慢</td>
            </tr>
            <tr>
                <td rowspan="3" align="center">语言表达</td>
                <td colspan="3" align="center">表达清晰</td>
                <td colspan="2" align="center">佳</td>
            </tr>
            <tr>
                <td colspan="3" align="center">还可以</td>
                <td colspan="2" align="center">一般</td>
            </tr>
            <tr>
                <td colspan="3" align="center">含混不清</td>
                <td colspan="2" align="center">差</td>
            </tr>
            <tr>
                <td colspan="2" align="center">直观印象</td>
                <td colspan="6" align="center">优秀、良好、一般、较差</td>
            </tr>
            <tr height="150px">
                <td align="center">能力</td>
                <td colspan="7"></td>
            </tr>
            <tr>
                <td colspan="2" align="center">综合能力</td>
                <td colspan="6" align="center">优秀、良好、一般、较差</td>
            </tr>
            <tr height="150px">
                <td align="center">其他</td>
                <td colspan="7"></td>
            </tr>
            <tr>
                <td colspan="2" align="center">初次面试综合评价</td>
                <td colspan="6" align="center">优秀、良好、一般、较差</td>
            </tr>
            <tr height="200px">
                <td align="center">评<br/>语<br/>或<br/>建<br/>议</td>
                <td colspan="7"></td>
            </tr>
            <tr height="80px">
                <td align="center">备注</td>
                <td colspan="7" align="center"></td>
            </tr>
        </table>

    </body>
</html>

面试评价表效果

原创作者：吴小糖 

创作时间：2022-9-14

小吴吴吴呀
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
使用html5实现表格实现标题合并的实例代码
12-13
使用html5实现表格实现标题合并的实例代码 这样的需求不在少数，比如表格中相邻的列具有相同的内容，那么标题就完全可以使用一个，那么合并标题就是十分重要的，让用户感觉也会更加人性化，代码实例如下: <!...
【HTML】如何使用html制作一个简易的表格？
最新发布
萌萌白白的博客
02-16 8242
如何使用html制作一个简易的表格
写一个html面试信息登记表程序，带定位，带时间日期自动填入
weixin_35749440的博客
02-13 228
<p>下面是一个简单的HTML面试信息登记表代码，其中包含定位和当前日期时间的自动填入功能：</p> <p>``` <!DOCTYPE html></p> <html> <head> <meta charset="UTF-8"> <title>面试信息登记表</ti...
【WEB前端】使用百度ECharts，绘制项目质量报表
weixin_30612769的博客
12-20 180
一、下载ECharts的js库 下载地址：http://echarts.baidu.com/download.html 由于我们对体积无要求，所以我们采用了完整版本，功能齐全，在项目中，我们只需要像普通的 JavaScript 库一样用 script 标签引入即可。 <!DOCTYPE html> <html> <he...
评价页面html代码,HTML5 评论列表界面模板
weixin_39901213的博客
06-03 2350
HTML导入代码模板：Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto temporibus iste nostrum dolorem natus recusandae incidunt voluptatum. Eligendi voluptatum ducimus architecto tempore, quaerat...
评论星级 php,简洁的H5星级评论表单代码
weixin_35705784的博客
03-11 213
简洁的H5星级评论表单代码这是一款十分简洁的带有星级评论按钮，美化textarea评论表单代码，jQuery星级评论表单代码，jQuery星星打分特效。js代码$(function () {$('.text-area-input').click(function () {if ($(this).val() == '请输入评论内容......') {$(this).css({color: '#000...
html纯css实现表格样式
01-04
本教程将深入探讨如何使用纯 CSS 实现美观且功能丰富的表格样式。 表格在 HTML 中通常使用 `<table>`、`<tr>`（行）、`<th>`（表头）和 `<td>`（单元格）等标签来创建。CSS 则通过选择器和属性来控制表格的样式。...
js 静态HTML表格排序功能实现
10-30
为了实现表格的动态排序，我们需要获取表格的DOM元素，遍历其所有行，并将它们转换为数组以便排序。然后，根据用户点击的列进行排序，并更新表格内容。这里是一个基本的排序实现： ```javascript document....
js实现表格数据搜索
12-28
本文实例为大家分享了js实现表格数据搜索的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>表格数据搜索</title> &...
Python实现简单HTML表格解析的方法
09-21
主要介绍了Python实现简单HTML表格解析的方法,涉及Python基于libxml2dom模块操作html页面元素的技巧,需要的朋友可以参考下
使用HTML，css，js制作的一个满意度选择
又菜又爱玩的博客
08-10 783
1.在用户反馈中需要做评级，评价之类的选择器,选择的值在form表单中如何提交。 首先，我们先建立一个form表单 <form action='#'> </form> 因为评价我们是直接选择的而不是输入，所以我们要使用hidden将input隐藏起来 <input type="hidden" name="Topicname31" id = "Q1" value="0"/> name的值要与数据库对应，id自己起一个独一无二的就好，设定初始的value值为0，然后选
html表单中评论栏,评论表单制作语法说明
weixin_39851457的博客
06-09 294
cellspacing="1" bgcolor="#8CBDEF" id="saypl">action="[!--news.url--]e/enews/index.php">color="#FFFFFF">发表评论cellpadding="3">用户名:name="username" type="text" size="12">密码:name="password" t...
html_01 教学意见调查表
weixin_30515513的博客
06-26 288
<!DOCTYPE html><html><meta charset="utf-8"><title>教学意见调查表</title><body><h3>教学意见调查表</h3><form method="post" action="" enctype="text/plain"><fi...
html 价格列表组件,评价列表ratings组件
weixin_35829279的博客
07-02 249
需要注意的是main.js里面需要取消vue-router的默认路由,src/main.js的router.replace('/goods');需要去掉原因是在添加了其他页面(原来路由只有一个页面goods,现在多了页面ratings)之后,在浏览器加载页面的时候:首先会先加载所有页面在各个页面都在加载的过程中,会跳到默认路由然后这些页面被中断了加载,导致了页面内部的一些靠dom渲染的代码无法执行...
用HTML编写教学评估系统,在线教学质量评价系统的设计与实现
weixin_33722375的博客
06-16 885
《在线教学质量评价系统的设计与实现.doc》由会员分享，可免费在线阅读全文，更多与《在线教学质量评价系统的设计与实现》相关文档资源请在帮帮文库(www.woc88.com)数亿文档库存里搜索。1、MWEAVERMA入门与提高[M]清华大学出版社，[]李国涛SQLSERVER数据库开发[M]机械工业出版社，[]GaryJBronsonJavaforEngineersandScientists[M]清...
HTML第二章 “表格”详解 （附带详细代码与解释）！！！
a2499797637的博客
09-30 8368
1.表格的语法、2. 表格的可选标记、3. 表格的属性、4. 不规则的表格、5. 表格的大小
五星好评html编写,五星好评.html
weixin_28715081的博客
06-26 788
五星好评body{/*文字大小12px，1.5倍的行间距 ，arial 一种字体*/font: 12px/1.5 arial;color: #666;}ul,p{margin: 0;padding: 0;}#star{width: 600px;margin: 10px auto;position: relative;}#star span,#star ul{float: left;margin: ...
前端面试--大众点评
遇见更好的自己
06-20 8133
学习了这么久，第一次面试前端，虽然只是简单的十分钟的电话面试，但是还是很紧张。 主要问题： 1.介绍你的项目 2.html的状态 3html5新增加的标签 4.css的display：none和visibility区别 5.怎么清除浮动 6.jquery的选择器 7.jquery的on和事件绑定区别问题答案的总结html的状态： 详细见这篇博客：http://blog.csdn.n
评论留言用html怎么做,利用JS实现评论留言发布表单代码
weixin_39822673的博客
06-09 1237
特效描述：利用JS实现 评论留言 发布表单代码。利用JS实现评论留言发布表单代码代码结构1. HTML代码来，说说你在做什么，想什么...请点击发布试试吧请填写内容后再发布！window.onload=function(){var oWrap=document.getElementsByClassName("wrap")[0];var oTextarea=oWrap.getElementsByTa...
wangeditor5 实现表格
03-29
要在wangeditor5中实现表格，可以按照以下步骤操作： 1. 在页面上引入wangeditor5的js和css文件。 2. 创建一个div元素作为编辑器的容器。 3. 初始化编辑器，设置编辑器的菜单选项，包括插入表格的按钮。 4. 在...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

小吴吴吴呀

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

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

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

打赏作者

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

抵扣说明：

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

余额充值