HTML5简单实战--休假申请单
博主有话说:如果有描述错误之处请大家纠正。让我们可以一起学习一起进步。
个人主页:GUIDM的主页
内容专栏:HTML5干货系列
此块内容为纯纯的干货,略显乏味枯燥,是笔记向的blog。如果觉得还不错,希望你可以一键三连,非常感谢。
1、项目展示
纯纯的HTML项目,没有css样式。
2、知识内容
- HTML5表格
- colspan属性:表示跨列,当某个格跨N列时,其右边N-1个单元格需删除。
- rowspan属性:表示跨行,当某个格跨N行时,其下方N-1个单元格需删除。
- broder-collapse:collapse 需合并表格边框
-  :空格
我是一第一行为基础,然后对格往下走的。
3、项目代码
<!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><h2 style="width: 500px;text-align: center;text-decoration: underline;">特别休假申请单</h2><p>申请日期: 年 月 日</p><table border="1"width="500"style="border-collapse:collapse"><!--需合并表格边框--><tr><td>所属单位</td><td> 部 组 班 </td><td>职称</td><td> </td><td>名字</td><td> </td><td>厂长</td></tr><tr><td rowspan="2">期间</td> <!--跨2行--><td colspan="3"> 年 月 日 </td> <!--跨2列--><td rowspan="2" colspan="2">天数</td> <!--跨2行--><td> </td></tr><tr><td colspan="3"> 年 月 日</td> <!--跨3列--><td>主管</td></tr><tr><td colspan="2">职务代理人</td> <!--跨2列--><td colspan="4">盖章</td> <!--跨4列--><td> </td></tr><tr><td>到期日期</td><td colspan="3"> 年 月 日</td> <!--跨3列--><td colspan="2">审核意见</td> <!--跨2列--><td>组长</td></tr><tr><td colspan="2">全年特别休假数</td> <!--跨2列--><td colspan="2" align="right">天 </td> <!--跨2列--><td> </td><td> </td><td> </td></tr><tr><td colspan="2">已请假数</td> <!--跨2列--><td colspan="2" align="right">天</td> <!--跨2列--><td>人事主任</td><td>人事经办</td><td>组长</td></tr><tr><td colspan="2">本次申请日数</td> <!--跨2列--><td colspan="2" align="right">天</td> <!--跨2列--><td rowspan="2"> </td> <!--跨2行--><td rowspan="2"> </td> <!--跨2行--><td rowspan="2"> </td> <!--跨2行--></tr> <tr><td colspan="2">尚剩申请日数</td> <!--跨2列--><td colspan="2" align="right">天</td> <!--跨2列--></tr></table>
</body>
</html>
HTML5简单实战--休假申请单相关推荐
- SpringBoot 整合WebSocket 简单实战案例
前言 这个简单实战案例主要目的是让大家了解websocket的一些简单使用. 另外使用stomp方式的: <Springboot 整合 WebSocket ,使用STOMP协议 ,前后端整合实战 ...
- Nancy简单实战之NancyMusicStore(二):打造首页
原文:Nancy简单实战之NancyMusicStore(二):打造首页 前言 继上一篇搭建好项目之后,我们在这一篇中将把我们NancyMusicStore的首页打造出来. 布局 开始首页之前,我们要 ...
- Python 进阶之路 (八) 最用心的推导式详解 (附简单实战及源码)
什么是推导式 大家好,今天为大家带来问我最喜欢的Python推导式使用指南,让我们先来看看定义~ 推导式(comprehensions)是Python的一种独有特性,推导式是可以从一个数据序列构建另一 ...
- Nancy简单实战之NancyMusicStore(四):实现购物车
原文:Nancy简单实战之NancyMusicStore(四):实现购物车 前言 上一篇,我们完成了商品的详情和商品的管理,这一篇我们来完成最后的一个购物车功能. 购物车,不外乎这几个功能:添加商品到 ...
- html语言音乐添加路径,HTML5简单实现添加背景音乐的几种方法
这里推荐两种方法,就是两个标签 或者 常用 +css布局 隐藏播放器 做网站比较实用! html5添加音乐 说明: 1.src毫无疑问写路径. 2.使用hidden="true"表 ...
- 《推荐系统笔记(六)》svd在推荐系统中的应用推广(FunkSVD,BiasSVD以及SVD++)及简单实战(surprise库)
前言 奇异值分解(SVD)可以将任意矩阵分解成两个方阵和一个对角矩阵的乘积.借助于SVD,我们可以将推荐系统中的用户-评分矩阵进行分解,通过推广的SVD方法(FunkSVD,BiasSVD和SVD++ ...
- python简单实战项目:《冰与火之歌1-5》角色关系图谱构建
前两天<权力的游戏>第七季发布了第二弹预告片,思索的第七季也快要来了,正想着脑子突然一热,要不弄个<权利的游戏>的角色共现图谱吧.故事里面的人物关系复杂程度也是出了名了的,如果 ...
- 前端开发:使用HTML5简单实现嫦娥奔月动画
前言 中秋节虽然过去了,但是还是想分享一个知识点,基于使用HTML5简单实现嫦娥奔月动画的效果,分享一下,感兴趣的读者可以复制一下代码查看一下效果. 需求 借助前端知识来实现简单的嫦娥奔月动画.嫦娥和 ...
- HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册
HTML5视频教程,HTML5项目实战,HTML5中文指南,HTML5使用手册. 超过2G 的 HTML5 视频教程免费分享,免费下载! 尚硅谷前端HTML5视频_HTML & CSS 核心基 ...
- html5刮奖效果,HTML5+Canvas实战之刮奖效果
项目描述 HTML5+Canvas实战之刮奖效果,实现网页上刮奖,可以用作验证码: 可以在移动设备上和PC端网页(浏览器要支持canvas)上运行 ##使用说明 var lottery = new L ...
最新文章
- 【Groovy】MOP 元对象协议与元编程 ( 方法注入 | 使用 @Category 注解进行方法注入 | 分类注入方法查找优先级 )
- BI推荐8款优秀的app
- 41.选项卡插件——tabs
- 洛谷——P1194 买礼物
- ISAPI_Rewrite 规则说明
- 合理使用EntityFramework数据验证的异常错误提示信息
- Subversion快速入门教程(SVN)
- java 资源锁_concurrent包 线程池、资源封锁和队列、ReentrantReadWriteLock介绍
- docker使用阿里云镜像仓库
- 怎么用手机查看WiFi密码?
- 【转】Unity利用WWW http传输Json数据
- JavaScript(3)——Object-Oriented Design
- ML-Agents案例之看图配对
- 精美男女装、韩版、日系证件照素材合集,P个美美的证件照,不再烦恼
- Python学习心得体会
- 搜索关键字拼音智能提示实现
- 【心理学】情感心理学-当代思想和传统思想的碰撞(本篇文章将不定期持续更新)
- android 键盘将底部视图顶起,android 弹出软键盘将底部视图顶起问题
- 推荐一个GitHub上牛b的Java学习项目已整理成了文档版本
- 814. Binary Tree Pruning(C语言)