- 列表的学习
- 有序列表
- <ol type="a" start="3">
- <li>宝马</li>
- <li>奔驰</li>
- <li>比亚迪</li>
- <li>奔驰</li>
- <li>奔驰</li>
- </ol>
- 有序列表的type=“”属性有:1,a,A,I,i
- start=“”属性:序号开始的位置,此处填写用阿拉伯数字填写序号开始的位置。
- 无需列表
- <ul type="circle">
- <li>宝马</li>
- <li>奔驰</li>
- <li>比亚迪</li>
- <li>奔驰</li>
- <li>奔驰</li>
- </ul>
- 应用中又80%都是无序列表;
- type=“”属性默认为实心原点disc,还有空心圆点circle,实心方点squer等;
- 定义列表
- <dl>
- <dt>汽车</dt><!--标题列title-->
- <dd>宝马</dd><!--描述列description-->
- <dd>奔驰</dd>
- <dd>比亚迪</dd>
- <dt>饮料</dt><!--标题列title-->
- <dd>可乐</dd><!--描述列description-->
- <dd>雪碧</dd>
- </dl>
- 有序列表
- 列表的嵌套
- <ol>
- <li>女装/内衣
- <ul>
- <li>春装
- <ol>
- <li>春装1</li>
- <li>春装2</li>
- </ol>
- </li>
- <li>夏装</li>
- <li>秋装</li>
- </ul>
- </li>
- <li>男装</li>
- <li>数码</li>
- </ol>
- 不同类型的列表可以相互嵌套;
- 制作表格
- 表格的标签:<table></table>
- border=“”:边框的宽度,不设置时则不显示;
- bordercolor=“”:边框颜色的设定;
- cellspacing=“”:格线间的间距,一般设置为0,则显示为实心细线;
- cellpadding=“”:表格内容与格线间的距离设定,可以影响表格的尺寸,但一般不同此方式去控制表格尺寸。
- width=“",height=“”:单元格尺寸的控制,可用于整个表格或单列或行的的尺寸定义;
- align=“”:表格的水平位置控制
- bgcolor=“”:表格背景色控制,一般单元格的设定优先于行,行优先于整个表的设定(就近原则)
- background=“”:背景图片设定;
- 行标签:<tr></tr>;
- 列标签:<th></th>(定义标题);<td></td>(列举数据)
- 其中列标签需要嵌套进行标签中;
- 合并单元格:
- 合并列:colspan=“”(相同行中,从左到右,并删除相同行中的多余的单元格)
- 合并列:rowspan=“”(相邻行中,从上到下,并删除相邻行中的多余的单元格)
0217HTML学习
最新推荐文章于 2017-04-18 20:18:49 发布