网站地图    收藏   

主页 > 教程 > html视频教程 >

html语言视频教程 第04节 列表标记

来源:未知    时间:2014-06-21 23:18 作者:xbdadmin 阅读:

[导读] 欢迎再次来到北京恒博网页设计培训课程,本节视频教程为html语言的第04节,主要给大家讲解各种列表的标记,在以后的div+css进行网页布局时,列表是在网页中出现的次数最多的,它可...

 欢迎再次来到北京恒博网页设计培训课程,本节视频教程为html语言的第04节,主要给大家讲解各种列表的标记,在以后的div+css进行网页布局时,列表是在网页中出现的次数最多的,它可以让我很好的精减代码,从而让网页打开的速度更快,增强了用户体验,所以这节课的列表是非常重要的。在这节html语言视频教程中,我们主要给大家讲解及无序列表,有序列表,定义列表,以及这三种列表的混合应用。

首先我们来看一下,什么是列表,现在我打开一个word文件,假如我要给大家说明一件事情,分几个方面来说明:
如标题:北京恒博教育网页设计培训视频教程学习方法
每节视频教程先大致看一遍
再细致看一遍,边看边在本子上记录
根据你的学习笔记,凭印象在计算机练习

上面一共三条信息,假如我要给这三条信息添加序号,看起来不是更清晰吗?点一下word工具栏出的编号,是不是在每条信息上都加上了编号呢,这些编号还可以更改其他效果

下面我们再给大家讲解在网页中如何实现这样的效果呢,那就是用列表标记,

1.无序列表:用 <ul></ul>作为无序列表的开始,内部用<li></li>作为每一个列表项,

  <ul>
   <li>这里是列表项</li>
   <li>这里是列表项</li>
  </ul>

2.有序列表: 有序列表:<ol></ol>内部用<li></li>作为每一个列表项

   <ol>
     <li>这里是列表项</li>
      <li>这里是列表项</li>
  </ol>
3.定义列表:<DL></DL>作为定义列表的开始与结束,内部主要是两种,一是<dt></dt>用于标注需要定义的术语 <dd></dd>用于标注该术语的定义
 浏览器在定义列表时,通常术语独占一行,而定义术语的下一行开始,并略有缩进,定义列表是一种缩排列表,在表的各项前没有数字及各种符号.行中断及缩排会自动产生
     <dl>
   <dt>什么叫刀削面</dt>
   <dd>刀削面主要成份是面粉和水,是面粉加水混合后,用刀削出来的面</dd>
   <dt>刀削面的主要功能</dt>
   <dd>可以减轻因饥饿而带来的痛苦,长期服用,还可以美容养颜减肥</dd>
   </dl>

4.另外,在本节html语言视频教程中,我们还讲解了这三种列表的混合应用方法,比如:在定义列表中,我们需要在dd内再进行序号列了,可以在dd内再嵌入无序列表或有序列表,同样,我们也可以在在无序列表内,还可以嵌入有序列表和定义列表,在定义列表内
 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论