用户名:密码: 免费注册
seo培训报名QQseo培训报名QQseo培训报名QQ

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

发布日期:2014年05月18日 所属栏目:html语言视频教程  你是第位来访者

 欢迎再次来到北京恒博网页设计培训课程,本节视频教程为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内再嵌入无序列表或有序列表,同样,我们也可以在在无序列表内,还可以嵌入有序列表和定义列表,在定义列表内
 

本文关键字:html语言视频教程
html语言视频教程_列表标记_北京恒博教育网页设计培训视频教程

  • 最新文章
  • 班级设置
恒博网站培训在线报名
学网站技术,就要选择专业的网站培训学校

  • 课程问答
  • 最新问答
恒博网站培训在线问答

  • 热门TAB
  • 最新TAG
北京网页设计学习班 网站技术人才 jQuery教程 创业人员 网页设计学费 薪水 网站打不开 setInterval php培训强化班 网站技术学习 实现 选择职业教育 高级网页设计培训班 网站设计培训课程 计算机基础课程 学习软件开发好 网站建设 推荐就业 多少 改变鼠标形状 如何 web前端开发培训 php培训 网站建设公司 php培训周末班 应该 iis配置Gzip压缩 最好 大学生就业学习方案 css样式
网页设计培训 网站建设培训 php培训 网站建设 php开发 网页设计 网站前端开发 web前端开发培训 网站培训 网站前端开发培训 企业网站建设 学员作品 web前端开发 网页设计师 学网站建设 高中毕业 学习网页设计 html语言视频教程 网站设计培训 PHP培训班 网站优化培训 css样式 jQuery 学习网站建设 网页制作 网页设计培训班 网站工程师培训 北京php培训 dedecms 网站工程师

本站首页 | 恒博介绍 | 课程设置 | 课程优势 | 学员作品 | 在线问答 | 学习方案 | 联系我们
版权所有:北京恒博教育网站培训基地 / 北京恒博天地教育咨询有限公司
公司地址:北京市丰台区南三环刘家窑桥东嘉业大厦一期B座1505 室   联系电话:010-52877560
中华人民共和国工业化信息部备案号:京ICP备11037831号