HTML练习——表格
1.建立如图所示表格
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>学生信息表</title>
</head>
<body><table style="width: 60%;text-align: center;" cellspacing="2" cellpadding="3" border="1px"><tr><td rowspan="5" style="background-color: darkorange">学生</td><td colspan="6" style="background-color: aqua;color: red">学生信息表</td></tr><tr style="background-color: salmon"><td>序号</td><td>姓名</td><td>性别</td><td>年龄</td><td>电话</td><td>住址</td></tr><tr style="background-color: darkgray"><td>1</td><td>张三</td><td>男</td><td>23</td><td>110</td><td>雁塔</td></tr><tr style="background-color: darkgray"><td>2</td><td>张三</td><td>男</td><td>23</td><td>110</td><td>雁塔</td></tr><tr style="background-color: darkgray"><td>3</td><td>张三</td><td>男</td><td>23</td><td>110</td><td>雁塔</td></tr></table>
</body>
</html>
2.创建标签表格
如图所示
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>常见表单输入元素</title>
</head>
<body>
<table style="width: 60%;text-align: center; background-color: darkseagreen;color: darkslateblue" cellspacing="2" cellpadding="3" border="1px"><tr><td>姓名</td><td><input type="text"></td><td>性别:</td><td><select><option>--选择性别--</option><option>男</option><option>女</option></select></td></tr><tr><td>手机号码</td><td><input type="text"></td><td>电子邮箱</td><td><input type="text"></td></tr><tr><td>教育程度</td><td><select><option>小学</option><option>初中</option><option>高中</option><option>大专</option><option>大学</option><option>硕士</option><option>博士</option><option>博士后</option></select></td><td>工作职位</td><td><input type="text"></td></tr><tr><td>工作城市</td><td><select><option>--选择城市--</option><option>--上海--</option><option>--深圳--</option><option>--北京--</option><option>--广州--</option><option>--西安--</option></select></td><td>期望工资</td><td> <select><option>--选择区间--</option><option>-- 8k-10k --</option><option>-- 10k-12k --</option><option>-- 12k-14k --</option><option>-- 14k-16k --</option><option>-- 16k+ --</option></select></td></tr><tr><td>自我介绍</td><td colspan="3"><textarea style="width: 95%"></textarea></td></tr><tr><td>特长</td><td colspan="3"><textarea style="width: 95%"></textarea></td></tr><tr><td>地址</td><td colspan="3"><textarea style="width: 95%"></textarea></td></tr>
</table><input type="submit" value="添加"><input type="reset" value="重置"><br/></body>
</html>
HTML练习——表格相关推荐
- jvm虚拟机规范 紧接上文的
dneg dneg指令是类型安全的,if在传入的操作数堆栈中有一个类型匹配的双倍数.dneg指令不改变类型状态. instructionIsTypeSafe(dneg, Environment, _O ...
- TensorRT 数据和表格示例
TensorRT 数据和表格示例 TensorRT 7.1在绑定索引方面比其前身更加严格.以前,允许错误配置文件的绑定索引.考虑一个网络,该网络具有四个输入,一个输出,以及在其中的三个优化配置文件 I ...
- HarmonyOS UI开发 TableLayout(表格布局) 的使用
TableLayout 是什么 TableLayout 是表格布局,就是使用表格的方式划分子组件, 个人感觉应该也不是常用的布局,常用的还是选择DirectionalLayout和Dependent ...
- python 读取excel 表格的数据
自己随便写了一个表格如下 使用工具xlrd 如果没有下载 可以使用pip install xlrd 下载一个 大致需要一下几个步骤 1 打开excel table = xlrd.open_workbo ...
- Python xlrd 读取excel表格 常用用法整理
xlrd 的使用 #!/usr/bin/python# # -*- coding: utf-8 -*- import xlrd import sys reload(sys) sys.setdefaul ...
- TableLayout 表格布局,FrameLaout 帧布局 ,AbsoluteLayout绝对布局的分析
这三个布局就放在一起来写了他们用的比较少,不过为了写这遍 博客我换特意去复习了下, 第一个表格布局TableLayout 表格布局顾名思义 就是与表格类似,以行,列形式来管理其中的组件的, 它是< ...
- 0x02 mysql 表格相关操作
1.创建table 语法: create table 表格名称(列名 类型); NOT NULL:该列数据不能为空 AUTO_INCREMENT:定义该字段是否自增 primary key(xxx) ...
- html表格联动,html前端基础:table和select操作
html前端基础:table和select操作 发布时间:2020-05-13 09:58:10 来源:亿速云 阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...
- 表格下划线怎么加粗_这招高!Excel签名栏的下划线随列宽变化,是不是感觉牛哄哄的?...
职场牛人的世界总有各种高招,随手蹦出,令人赞叹不已! 今天早上去填一个表格,在输入签名时,突然发现签名处的下划线是随着列宽的变化而自动变化,这绝对是动态的,这是怎么做到的呢? 我特意看了一下这个单元格 ...
- python excel操作单元格_python 操作excel表格的方法
说明:由于公司oa暂缺,人事妹子在做考勤的时候,需要通过几个excel表格去交叉比对员工是否有旷工或迟到,工作量大而且容易出错. 这时候it屌丝的机会来啦,花了一天时间给妹子撸了一个自动化脚本. 1. ...
最新文章
- python简单项目-4个Python经典项目实战,练手必备哦!
- javascript对XMLHttpRequest异步请求的面向对象封装
- 蛋花花简单阐述HTML5和Web前端的区别
- Linux笔记2 文件权限管理
- Python安装错误 building 'statsmodels. extensionerror: Microsoft Visual C++ 14.0 is
- rabbitMq简介及docker安装
- 基于silerlight for embedd 视频播放器的之一的问题
- Oracle11g新特性注意事项
- 还记得当年你是如何接触Python的吗?
- toad dba suite for oracle 12,Toad DBA Suite 和Toad Development Suite的区别
- 基于 Spring Boot 开发 OA 开源产品
- 移动应用占美国人移动设备使用时长80%
- transformer中attention计算方式_Transformer在推荐模型中的应用总结
- 计算机软件毕业论文教师指导记录,【毕业论文指导教师指导记录】论文指导记录16篇...
- java蓝字代表什么_蓝是什么意思 蓝字五行属什么
- 2018年深圳杯论文_2018年深圳杯数学建模挑战赛通知及题目
- Microsoft Visual C++ Build Tools下载/解决Visual C++ 14.0 is required问题
- 转:我用了18年,才可以和你一起喝咖啡
- android音视频播放技术背景,Android音视频开发-入门(一)
- 阿兹卡塔防 Azgard Defense 详细攻略