来源:未知 时间:2014-06-21 23:18 作者:xbdadmin 阅读:次
[导读] 欢迎再次来到北京恒博网页设计培训课程,本节视频教程为html语言的第04节,主要给大家讲解各种列表的标记,在以后的div+css进行网页布局时,列表是在网页中出现的次数最多的,它可...
欢迎再次来到北京恒博网页设计培训课程,本节视频教程为html语言的第04节,主要给大家讲解各种列表的标记,在以后的div+css进行网页布局时,列表是在网页中出现的次数最多的,它可以让我很好的精减代码,从而让网页打开的速度更快,增强了用户体验,所以这节课的列表是非常重要的。在这节html语言视频教程中,我们主要给大家讲解及无序列表,有序列表,定义列表,以及这三种列表的混合应用。
首先我们来看一下,什么是列表,现在我打开一个word文件,假如我要给大家说明一件事情,分几个方面来说明: 上面一共三条信息,假如我要给这三条信息添加序号,看起来不是更清晰吗?点一下word工具栏出的编号,是不是在每条信息上都加上了编号呢,这些编号还可以更改其他效果 下面我们再给大家讲解在网页中如何实现这样的效果呢,那就是用列表标记, 1.无序列表:用 <ul></ul>作为无序列表的开始,内部用<li></li>作为每一个列表项,
<ul> 2.有序列表: 有序列表:<ol></ol>内部用<li></li>作为每一个列表项
<ol>
4.另外,在本节html语言视频教程中,我们还讲解了这三种列表的混合应用方法,比如:在定义列表中,我们需要在dd内再进行序号列了,可以在dd内再嵌入无序列表或有序列表,同样,我们也可以在在无序列表内,还可以嵌入有序列表和定义列表,在定义列表内 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com