HTML Table tr td th表格标签元素
HTML Table tr td th表格标签元素知识教程
- Html 表格目录
1、语法与结构: - TOP
- <table>
- <tr>
- <td> </td>
- <td> </td>
- <td> </td>
- </tr>
- </table>
或者
- <table>
- <tr>
- <th> </th>
- <th> </th>
- <th> </th>
- </tr>
- </table>
以上2个表格结构中td和th使用,没有区别均可使用。
2、table标签使用说明: - TOP
我们学习DIV+CSS了,不是就完全放弃丢弃table表格布局。想想我们为什么学习DIV CSS其中一个因素,让布局更简单、代码更简单,所以有时候我们也需要table表格来布局。
比如,电子表格型的数据表格。
3、Table表格标签使用场景: - TOP
这个是淘宝支付宝页面里任意截的一张表格运用图片:
table 表格标签使用展示
4、Table tr td th表格使用案例: - TOP
- <table width="300" border="1" cellspacing="0">
- <tr>
- <th>班级</th>
- <th>日期</th>
- <th>标题</th>
- </tr>
- <tr>
- <td>一班</td>
- <td>2012-5-10</td>
- <td>标题1</td>
- </tr>
- <tr>
- <td>二班</td>
- <td>2012-5-20</td>
- <td>标题2</td>
- </tr>
- </table>
DW软件里截图:
谷歌浏览器效果截图:
5、DW软件输入表格标签 - TOP
可以在DW软件中直接输入你要的表格:
第一步:单击DW软件“插入”,然后选择点击“表格(T)”
第二步:在弹出“表格”设置选项卡,设置需要表格,行、列、宽度等属性
第三步:设置完后,点击“确定”,即可在DW输入标准的table表格标签。
6、ThinkCSS对于table表格说明: - TOP
1、表格可以在DW输入,拖拽调整
2、table表格实用于多列数据列表
3、学习了DIV CSS还得学习TABLE
4、table会使用灵活运用即可
5、多列数据列表table标签要比使用div css节约代码,任意控制内容排版
7、html表格table在线演示: - TOP
http://www.thinkcss.com/yanshi/table-tr-td-th.html
标签(Tag): table 标签 元素 tr td th html表格
HTML必备基础教程
- • html换行br标签
- • html段落p标签
- • html table tr td th表格标签
- • html内容body标签
- • html图片img标签
- • html form表单标签
- • html input表单标签
- • html列表菜单跳转select标签
- • html div
- • html span
- • html em强调标签
- • html u下划线
- • html斜体i标签
- • html加粗b标签
- • html strong加粗标签
- • html删除线s标签
- • base链接打开方式标签
- • html iframe内嵌
- • html ul li无序列表
- • html ol li有序列表
- • html font文本标签
- • html hr水平线
CSS必备基础教程
- • css颜色 css color)
- • css宽度 css width
- • css高度 css height
- • css行高 css line-height
- • css 字间距 css letter-spacing)
- • CSS border(CSS边框
- • CSS font-family CSS字体
- • CSS 斜体 CSS font-style
- • CSS加粗 CSS font-weight
- • CSS 下划线 CSS text-decoration
- • CSS字母大小写 CSS text-transform
如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-06-27 点击:
次
原创来源:ThinkCSS 来源网址:http://www.thinkcss.com/view/a12.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!。