HTML表格的基本样式作业

1.现在用表格做页面布局是否合适，为什么？

表格在之前做页面，但因为代码后期不好维护；

现在div+css布局就代替表格！

2.表格中的tr th td 分别代表什么意思，是否还有其他标签可以放在table标签里面？

tr——>行

th——>标题

td——>内容

3.创建一个简单的表

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>表格</title>
</head>
<body><table border="2"><tr><th>部门</th><th>姓名</th><th>忘打卡时间</th><th>忘打卡次数</th><th>是否交款</th><th>忘记打卡日期</th></tr><tr><td rowspan="5">开发部</td><td>小徐</td><td>下班</td><td>已交款</td><td>1次</td><td>2019年5月17日</td></tr><tr><td>小李</td><td>上班</td><td>已交款</td><td>1次</td><td>2019年5月25日</td></tr><tr><td>小沈</td><td>上班</td><td>已交款</td><td>1次</td><td>2019年5月24日</td></tr><tr><td>小杨</td><td>下班</td><td>已交款</td><td>1次</td><td>2019年5月28日</td></tr><td colspan="4">忘打卡总次数</td><td>4次</td></table>
</html>

HTML表格的基本样式作业相关推荐

css3-6 表格如何设置样式和定位样式是什么
css3-6 表格如何设置样式和定位样式是什么一.总结一句话总结:css可以解决所有属性设置的样式. 1.表格如何设置样式? css样式可以解决一切问题,没必要在表格上面加属性来设置样式. 7 t ...
Bootstrap 表格行的样式
除了可以为表格添加样式外,Bootstrap还专门表格的行提供了 4 个可选的情景类,来为表格的行添加特殊的背景颜色.这些情景类及含义见表 3‑2: 表 3‑2 表格行的情景类类含义 .succe ...
Bootstrap 表格的默认样式
只需为任意的 <table> 元素应用 .table 类,即可使用表格的默认样式.Bootstrap中表格的默认样式相当简单,它仅仅在每个 <td> 上方添加了一个边框.如: ...
修改elementui的表格的滚动条样式
// 表格的滚动条样式.el-table__body-wrapper::-webkit-scrollbar {width: 10px; // 横向滚动条height: 235px; // 纵向滚动条 ...
html表格引用bootcss样式，vue,渲染学生信息
html表格引用bootcss样式,vue,渲染学生信息,优秀学生背景色为蓝色 <!DOCTYPE html> <html lang="en"><he ...
使用poi给word文档表格中添加样式
32.使用poi给word文档表格中添加样式 File fileNew = new File(exportPath + exportName + ".docx");InputStr ...
layui表格单元格样式自定义
layui表格单元格样式自定义在表格渲染完的回调done中操作: 1.匹配行,根据样式进行匹配,可F12查看(最终目的是只匹配到数据行) 2.匹配列,匹配成功后,就可以确定到某个单元格,获取行对应的 ...
el-table表格做滚动条样式处理
vue项目中引入Element-UI并对其el-table表格做滚动条样式处理需求分析: 主要是对table表格中的body内容做滚动处理,表头样式不做变化.初调时X轴和Y轴都做了overflow: ...
基于HTTP浏览器缓存机制全面解析看Table表格的css样式代码详解
文章来源: 学习通http://www.bdgxy.com/ 普学网http://www.boxinghulanban.cn/ 智学网http://www.jaxp.net/ 漂亮的table表格样式 ...

HTML表格的基本样式作业

HTML表格的基本样式作业相关推荐

最新文章

热门文章