html随笔
2015-07-26 22:26
337 查看
<table>
<tr>
<td>单元格一</td> <td>单元格二</td>
</tr>
<tr>
<td>单元格三</td><td>单元格三</td>
</tr>
</table>
其中table是首标签,代表表格内容开始了
<tr>即table row代表一行
<td>即table data代表每个方格内的数据
从table开始,每一个table row代表一个新的一行,而每一行有可能包含一个或多个table data
表格的属性
<table border="1">其中数值大小以像素为参照,表示表格的边框的厚度.
<table width="30%">表示其宽度是屏幕的30%
<table align="left">表示左对齐,当然也可以是右对齐,居中(水平方向)
<table valign="top">表示靠上,当然也可以是靠下,居中(垂直方向)
高级特性
<td colspan="3">单元格一</td>
表示单元格横跨3个列,比如下一行分别有三个单元格,那么这样,第一行只有单元格一,接下来依次为单元格2,单元格3,单元格4在同一行
如果下一行只有2个怎么办?即上一行跨了3个,第二行只有两个,那么第一行只会有2个的长度,与下一行保持默契~~
<td rowspan="3">同理,表示纵跨3行,而剩下的一定是分右边的那三行~~
<tr>
<td>单元格一</td> <td>单元格二</td>
</tr>
<tr>
<td>单元格三</td><td>单元格三</td>
</tr>
</table>
其中table是首标签,代表表格内容开始了
<tr>即table row代表一行
<td>即table data代表每个方格内的数据
从table开始,每一个table row代表一个新的一行,而每一行有可能包含一个或多个table data
表格的属性
<table border="1">其中数值大小以像素为参照,表示表格的边框的厚度.
<table width="30%">表示其宽度是屏幕的30%
<table align="left">表示左对齐,当然也可以是右对齐,居中(水平方向)
<table valign="top">表示靠上,当然也可以是靠下,居中(垂直方向)
高级特性
<td colspan="3">单元格一</td>
表示单元格横跨3个列,比如下一行分别有三个单元格,那么这样,第一行只有单元格一,接下来依次为单元格2,单元格3,单元格4在同一行
如果下一行只有2个怎么办?即上一行跨了3个,第二行只有两个,那么第一行只会有2个的长度,与下一行保持默契~~
<td rowspan="3">同理,表示纵跨3行,而剩下的一定是分右边的那三行~~
相关文章推荐
- 利用 Html 元标记控制搜索引擎蜘蛛
- 【HTML】设置NotePad++不打开上次关闭的文件
- 使用MathJax在HTML中显示LaTeX
- HTML position元素
- HTMl中Meta标签详解以及meta property=og标签含义
- 001--html
- html基本标签
- 常用正则表达式大全!(例如:匹配中文、匹配html)
- HTML <map> 设置图热点
- 语义元素
- favicon.ico 的作用(收藏夹的图标文件)
- HTML<a>标签的target属性
- HTML--Note6--form
- html的文本元素总结
- HTML案例练习一
- html 标签 a target 属性
- 网页制作之html基础学习2-标签
- 网页制作之html基础学习1-简介
- html DOCTYPE声明详解
- html--html语法