HTML学习笔记----布局和表格
2014-11-07 10:14
477 查看
<html> <head> <title>布局和表格的使用</title> </head> <body> <!--div和span标签用来进行对容器的控制,在实际开发中通常用div来设定一个容器,这个容器中可以放置 大量的内容,span标签一般用来放置文本数据,进行简单的控制。 这两个简单的标签可以说没有任何的显示效果,但他们是最重要的,没有显示效果的往往用来做控制--> <div>一个div表示</div> <div>二个div表示</div> <span>一个span表示</span> <span>二个span表示</span> <!--一个简单的表格一般是由三个大部分组成:table、tr和td;还有两个专门用来控制样式的 thead和tbody--> <table width="900" align="center" border="2"> <tr> <td>A1</td><td>A2</td><td>A3</td> </tr> <tr> <td>B1</td><td>B2</td><td>B3</td> </tr> <tr> <td>C1</td><td>C2</td><td>C3</td> </tr> </table> <br/> <!--colspan用来合并td--> <table width="900" align="center" border="4"> <tr> <td>A1</td><td>A2</td><td>A3</td><td>A4</td> </tr> <tr> <td>B1</td><td>B2</td><td>B3</td><td>B4</td> </tr> <tr> <td colspan="2">C1</td><td colspan="2">C2</td> </tr> <tr> <td colspan="4" align="right">分页信息</td> </tr> </table> <br/> <table width="900" align="center" border="6"> <tr> <td>A1</td><td>A2</td><td>A3</td> </tr> <tr> <td>B1</td><td>B2</td><td>B3</td> </tr> <tr> <td colspan="3"> <table width="900" align="center" border="6"> <tr> <td>C1</td><td>C2</td> </tr> </table> </td> </tr> </table> <br/> <table width="900" align="center" border="1"> <tr> <td>导航图片</td> </tr> <tr> <td> <table width="900" align="center" border="1"> <tr> <td>首页特讯</td> <td>首页特讯</td> <td>首页特讯</td> <td>首页特讯</td> <td>首页特讯</td> </tr> </table> </td> </tr> <tr> <td> <table width="900" align="center" border="1"> <tr> <td width="150"> <table> <tr> <td> 链接资源一 </td> </tr> <tr> <td> 链接资源二 </td> </tr> <tr> <td> 链接资源三 </td> </tr> </table> </td> <td > <table width="750" border="1"> <tr> <td > 标题 </td> <td> 内容 </td> </tr> <tr> <td> 标题 </td> <td> 内容 </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>
相关文章推荐
- HTML学习笔记(二)--表格列表布局
- Android应用开发学习笔记之表格布局
- 黑马程序员之HTML学习笔记:把数据放在表格中
- .Net学习笔记----2015-07-13(表格相关属性介绍及HTML小练习)
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- 20160112html学习笔记表格列表
- HTML学习笔记二表格基础
- HTML学习笔记3―表格
- Android表格布局TableLayout学习笔记
- html学习笔记:基本结构,排列清单,表格
- [HeadFirst-HTMLCSS学习笔记][第十三章表格]
- 黑马程序员之HTML学习笔记:rowspan属性实现HTML表格中一列跨越多行,colspan 属性实现HTML表格中一行跨越多列
- html学习笔记,锚点,超链接,table布局,表头,h,sub,blockquote,ul,li,ol.dl,加入收藏,打印,弹出窗口
- CSS+HTML网页设计与布局(学习笔记1)
- 3.4html学习笔记之表格
- HTML学习笔记[5]使用表格
- HTML5+CSS3学习笔记(二) 页面布局:HTML5新元素及其特性
- html+css学习笔记 5[表格、表单]
- 20160113html学习笔记区块网页布局
- HTML学习笔记之表格的使用