HTML表格
来源:互联网 发布:mac os sierra u盘 编辑:程序博客网 时间:2024/06/05 10:23
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等
具体内容网页源码中均有注释
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>表格案例</title></head><body><h4>带有表头合并了单元格设置了内容与边框边柜和单元格间距带有单元背景的表格</h4><!--cellpadding单元格内容与其边框之间的空白--><!--cellspacing单元格间距--><table border="1" cellpadding="10" cellspacing="10"><tr><th></th><th>第一列</th><th>第二列</th><th>第三列</th></tr><tr><th>第一行</th><!--rowspan行合并--><td rowspan="2">合并两行啊</td><!--单元背景颜色--><td bgcolor="red">1.2</td><!--单元背景图片--><td background="../img/Beer-Cap-Delicious_128.png">1.3</td></tr><tr><th>第二行</th><td>2.2</td><td>2.3</td></tr><tr><th>第三行</th><!--colspan列合并--><td colspan="3">合并三列啊</td></tr></table><h4>这个表格有背景颜色,排列了单元内容</h4><table border="1" bgcolor="aqua" width="200" height="100"><tr><!--默认左对齐--><td>1.1</td><td>1.2</td><td>1.3</td></tr><tr><!--右对齐--><td align="right">2.1</td><td align="right">2.2</td><td align="right">2.3</td></tr><tr><!--居中对齐--><td align="center">3.1</td><td align="center">3.2</td><td align="center">3.3</td></tr></table><h4></h4></body></html>网页显示效果
阅读全文
0 0
- html 表格
- HTML 表格
- HTML表格
- HTML表格
- Html:表格
- HTML表格
- HTML 表格
- HTML表格
- html 表格
- HTML表格
- html表格
- html表格
- HTML表格
- html 表格
- HTML:表格
- html 表格
- HTML表格
- HTML表格
- 判断一个数是否为质数/素数——从普通判断算法到高效判断算法思路
- 6603网狐棋牌搭建视频教程
- Reusing Code in C++: inheriting and template
- 网络资源积累
- vim的常用指令总结
- HTML表格
- Leetcode 98.Validate Binary Search Tree
- forward和redirect的区别?
- struts2_day01_13_Action的方法访问介绍
- js:代理模式
- Java面试常被问到的题目+解答
- 微信浏览器-复制到剪切板-clipboard.js插件
- linux鸟哥视频学习笔记05
- 原生JS和ES6有点冲突的地方发现