html用table标签制作表格

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title></title><style>table {border-collapse: collapse;/*表格样式。如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性*/}td,th{width: 100px;height: 40px;border: 1px solid ;font-size: 12px;text-align: center;}tr:nth-of-type(odd){background-color: lawngreen;/*每隔一行设置行颜色*/}</style>
</head>
<body>
<table>
<tbody><tr><th>姓名</th><th>年龄</th><th>地址</th><th>爱好</th></tr><tr><td>AA</td><td>BB</td><td>CC</td><td>DD</td></tr><tr><td colspan="2">EE</td> <!--横向合并2个单元格--><td>GG</td><td rowspan="2">HH</td> <!--纵向合并单元格--></tr><tr><td>II</td><td >JJ</td><td>KK</td></tr><tr><td>AA</td><td>BB</td><td>CC</td><td>DD</td></tr><tr><td>AA</td><td>BB</td><td>CC</td><td>DD</td></tr>
</tbody>
</table>
</body></html>

html用table标签制作表格相关推荐

table标签、表格的跨行跨列、ifarme标签
table标签需求: 制作一个带表头的三行山列的表格,并显示边框:修改表格的宽度.高度.表格的对齐方式.单元格间距. <!DOCTYPE html> <html lang=&quo ...
使用 iReport中table组件制作表格导出PDF
一.iReport安装 1.下载安装包: 2.直接按默认安装完成. 3.安装完成后iReport还不能启动,会闪退,请继续下面的操作 4.下载jdk_1.7并安装.注意:不需要配置jdk_1.7版本的 ...
使用table标签制作常用的html表格
table 标签用于定义 HTML 表格.简单的 HTML 表格由 table 元素以及一个或多个 tr.th 或 td 元素组成. tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元. ...
HTML 用table标签制作一张简单的个人简历
该文章用于记录实训中的一个小作业 table标签的使用从名字中可以看出table标签在HTML中,table标签多用于制作表格. table结构中有多个子标签 caption 用于标明该表格的使用途 ...
不用table标签实现表格
最近开始接触uniapp写微信小程序,发现uniapp不兼容table标签,所以自己写了一个表格样式.由于有border的存在,使用的时候需要自行计算好每个格子和整体表格的大小. 结构 (四行五列): ...
使用table标签制作个人简历
通过制作个人简历,熟悉table标签的使用 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
案例：使用HTML中的 table 标签制作一份个人简历
先看最终效果: 一.使用到的知识点这个小案例中主要使用到的知识点是表格标签中单元格的合并,还使用到了一些表格标签里面的属性,比如宽高属性.水平对齐属性,还有表格边框的设置和合并等. 二.单元格合并知 ...
HTML 使用table标签制作个人简历
css部分: <style>.table1 {width: 800px;height: 800px;border-collapse: collapse;margin: 0 auto;}tr ...
html使用table标签制作个人简历
个人简历 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8 ...

html用table标签制作表格

html用table标签制作表格相关推荐

最新文章

热门文章