关注我
【2015-5-13 14:39:20 作者：我们太年轻】
列表：
定义：十一总数据的展示展示列示。
分类：
有序列表 无序列表 定义列表
<ul>→有type属性 <ol>→有type属性 <dl>
<li>橘子</li> <li>橘子</li> <dt>所属学院</dt>
<li>香蕉</li> <li>香蕉</li> <dd>计算机应用</dd>
<li>苹果</li> <li>苹果</li> <dt>所属专业</dt>
</ul> </ol> <dd>计算机软件工程</dd>
</dl>
·橘子 1.橘子 所属学院→类似题目
·香蕉→·■○ 2.香蕉→3.c.c.III.iii 计算机应用→对题目的解释
·苹果 3.苹果 所属专业
计算机软件工程
type属性值·用于改变项目符号 type属性值·用于改变项目顺序 无type值
disc：·默认 1（数字）：1，2,3...（默认）
square：■ A/a：A/a，B/b，C/c....
circle：○ I/i：I/i，II/ii,III/iii...
注意：①无序列表中的每页是平级的，没有级别之分。
而有序列表则会根据列表项的顺序进行显示。
②在实际中：无序列表ul-li应用比有序列ol-li更广泛
有序列表ol-li一般应用于带顺序编号的场合。
③定义列表：dl-dt-dd适用于带有标题和解释性内容或图片混合排列的场合。
定义：表格式块状元素，用于显示表格数据。
表格的优点：①.简单通用。
②.结构稳定：每行列数通常一致，同行单元格宽度一致且垂直对齐。
缺点：①.网页中大量使用表格会造成加载速度下降。
1.表格的基本语法：
<table border="2"> ------------→表格标签，拥有属性：border边框的宽度width表格的宽度
<tr> ------------→行标签
<td>单元格</td> ------------→单元格标签
<td>单元格2</td>
。。。。。。
</tr> cellspacing属性：表格边框与表格单元格之间的间距
<tr> →效果：单元格1╔╦╗单元格2 ↓
<td>单元格1</td> ╠╬╣ 以px（像素）为单位
<td>单元格2</td> 单元格1╚╩╝单元格2 ↑
</tr> cellspacing属性：单元格中信息四周间距
</table>
表格的对齐方式：
①.作用：用于控制在网页中的显示位置。
②.方式：1>默认对齐 2>居中对齐 3>左对齐，右对齐。
↓ ↓ ↓
表格显示在页面的 表格显示在页面 表格显示在页面的左侧或
左侧气与信息写在 的中间位置会使 右侧其他内容会自动排列
载表格的下方 页面显的对称 在表格旁的空白位置.一般用于显示广告
通过更改align属性的值改变对齐方式.
4>.单元格对齐：
单元格对齐分为分平对齐和垂直对齐。
属性 值 说明
left 左对齐
align center 居中对齐
（水平对齐方式） right 右对齐
top 顶端对齐
valign wtiddle 居中对齐
（垂直对齐方式） buttom 底端对齐
baseline 基线对齐
表格的跨行，跨列：
①跨列：单元格的横向合并
<td colspan="所垮的列数">单元格内容</td> 例：横向合并→跨列
②跨行：单元格的垂直方向向上合并。
<td rowspan="所跨的行数">单元格内容</td> 例：垂直方向合并
↓
跨行
框架：
1.框架的优点：①在同一个窗口显示多个页面。
②实现页面复用。
③实现典型的"目录结构"。→单击左侧窗口.右侧窗口显示具体内容。
2常用的框架技术：①.框架(<frameset>)
②.内联框架(<iframe>)
<frameset>框架：不能指向外部网页.不能与<body>标签同时使用。
1.特点：页面窗口全部<frame>实现。结构清晰。适用于整个页面都用框架实现的场合。
<frameset>描述窗口的分割。且结构清晰。
<frame>定义放位置在每个框架中的HTML页面。
2.语法：
必须设置页面填充的顺序按分割的顺序来填充。
↑ ↑
<frameset cols="25％,50％，*"rows="50％,*" border="5">→边框
↓ ↓
将页面横向分割几列 将页面纵向分割为几行
<frame src="the-first.html">→第一个窗口显示the-first。HTML的页面
<frame src="the-second.HTML">
。。。。。。。
</frameset>
<frameset>的bordercolor属性可以修改边框颜色。例：bordrecolor="red"
3.框架<frame>的常用属性
属性 作用 例
frameborder 是否显示框架周围边框 frameborder="1"
name 框架标示名 name="mainframe"
scrolling 是否显示滚动条 scrolling="no"/"yes"
noresize 是否允许调整框架大小 noresize="noresize"
窗口的关联：
①.关键为设置超链接的"target"目标窗口属性。
1>.在框架页面中，为显示页面添加"name"名称标示。例:rightframe。
<frame src="subfrome/right.html" name="rightframe"/>
2>/在导航页面中，设置超链接"target"目标窗口属性为希望显示的窗口名。
<a href="right.html" target=rightframe>导航信息</a>
即在导航页面中/点击导航信息\，在框架页面/显示相应的页面信息\
↓-------------------------↑
5.target属性值的取值
属性值 含义
—blank 在新窗口中打开连接
—self 在连接所在页面的窗口中打开连接
框架窗口名 在指定框架窗口中打开连接
—purent 在父类框架集打开窗口连接
—top 在顶级窗口中（即整个浏览器）中打开连接。
<iframe>内联框架
<iframe src="引用页面地址" name="框架标识名" frameborder="边框">scrolling="是否出啊先滚动条">。。。。。。。。。。</iframe>
"no/yes"
特点：使用较方便灵活。