html学习笔记4
来源:互联网 发布:百度数据 编辑:程序博客网 时间:2024/06/05 09:15
5.2表格的布局
布局:是一个页面的整体结构,
结构特点:从上往下,从左往右,一般每一行高度是一致的
<table width="100%">
<tr>
<td colspan="3"style="height:120px;background-color: red"></td>
</tr>
<tr>
<td style="height:400px;background-color:green;width:150px"></td>
<td style="width:700px;background-color:darkblue"></td>
<td style="width:150px;background-color: pink"></td>
</tr>
<tr>
<td colspan="3"style="height:100px;background-color:yellow"></td>
</tr>
</table>
页面的布局可以通过table来实现,一个单元格就是一个布局区域单位,该区域的大小可以通过height和width属性来设置,改变位置通过单元格的相对位置来实现,同时可以结合rowspan和colspan两个属性来完成单元格的合并
当布局较为复杂的时,可以使用table的嵌套来实现,即在某个单元格中再嵌入一个table进行划分
6.div
6.1写法
<div style="border: dashed;width: 100px;height: 100px"></div>
显示特点:在新的一行进行显示。块(级)标签
Division定义一个分块
块级元素和内联元素的区别
块级元素占满行,而内联元素会按照顺序从左至右依次排列
7标签总结
块级标签:在新的一行进行显示
div、h1~h6、p、hr、table、ul、pl、dl、tr、option、caption、dd
内联标签:不会新起一行显示
Img、inpu、a、td、textarer、span、label、select、th、button、
内联标签一般不能嵌套块级标签
- HTML学习笔记(4)
- Html学习笔记4
- Html学习笔记4
- HTML学习笔记<4>
- html学习笔记4
- HTML学习笔记(4)--HTML样式
- Html学习笔记(5)-Html标签(4)
- Html学习笔记(4)-Html标签(3)
- 【HTML】HTML学习笔记
- HTML学习笔记(4)
- html&JS学习笔记(4)
- HTML学习笔记-v1.4
- HTML+CSS学习笔记4
- 学习笔记—HTML(4)
- 【学习笔记】 html学习
- HTML学习笔记【4】使用列表
- HTML学习笔记[4]使用列表
- Html学习笔记(4)表单/多媒体
- ANSYS部分设置详解
- 4-2 多项式求值 (15分) 本题要求实现一个函数,计算阶数为n,系数为a[0] ... a[n]的多项式 f(x)=∑i=0n(a[i]×xi)f(x)=\sum_{i=0}^{n}(a[i]
- Activity和Intent详解(包括activity启动模式跟intent启动方式)
- android如何集成环信的聊天界面和消息列表
- hibernate_get和load的区别
- html学习笔记4
- Android集成谷歌AdMod广告植入方法
- Fragment+ViewPager+Fragment 第二次进入页面不显示
- 百度前端学院任务四——定位和居中
- 写出我的第一个框架:迷你版Spring MVC
- SHUoj 421 零件组装(状压DP+子状态枚举)
- c#操作txt
- char *p="abc" 与 char p[]="abc" 的区别
- 代码中有红杠杠怎么办