请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
DZ起点网_免费Discuz视频教程 › 门户 ›Discuz门户模板制作视频教程 › 查看内容

1-4 HTML列表标记

2014-3-20 13:05| 发布者: admin| 查看: 5290| 评论: 0|原作者: 朱朝兵|来自: DZ起点网

摘要: 《Discuz教育门户网站模板制作全套视频教程》 第一章 HTML+DIV+CSS基础知识（1）有序列表标记 有序列表也称数字式列表，他是在各项内容前显示数字或字母的排列表。 格式： ... ... ...

《Discuz教育门户网站模板制作全套视频教程》

第一章 HTML+DIV+CSS基础知识

主讲老师：朱朝兵  QQ：537060756

 

1-4 HTML列表标记

视频教程

高清版下载

链接：http://pan.baidu.com/s/1jGt76Ay 密码：3b04

视频教程截图


（1）有序列表标记

有序列表也称数字式列表，他是在各项内容前显示数字或字母的排列表。

格式：

    


  1.  ... 
    2. 

    
  2.  ... 
    3.

功能：建立有序列表。

使用

     ... 
标记建立有序列表，使用
  •  ... 
    • 标记建立列表项，对于
  •  ... 
    • 他的开始标记和结尾标记都是必选的，即每个表项结束就是下一个表项的开始。


      标记符具有两个常用属性：type和start他们分别设置数字的序列样式和开始数字的起始值。Start属性的值可以是任意数。Type的属性值如下表。


    值

    含义

    1

    阿拉伯数字1、2、3等，此项为默认值。

    A

    大写的字母A、B、C等。

    a

    小写的字母a、b、c等。

    Ⅰ

    大写的罗马数字Ⅰ、Ⅱ、Ⅲ等。

    i

    小写的罗马数字i、ii、iii、iv等。


    当位于
      标记符内时，
    1. 标记符具有两个常用的属性：type和value。type的用于设置数字样式，取值与
        的type相同；value属性用于指定一个新的数字序列起始值，以获得非连续性的数字序列。


    综合实例：

    [代码]HTML代码：

        

        有序列表演示



     



用大写的罗马数字表示有序列表


        

    
    1. 列表项1
    2. 列表项2
    3. 列表项3
      4. 


    

编号不连续的有序列表:


        

    
    1. 列表项1
    2. 列表项2
    3. 列表项3
      4. 


    

变换了数字样式的有序列表


        

    
    1. 列表项1
    2. 列表项2
    3. 列表项3
      4.

    （2）有序列表的嵌套

    如果用户想用不同层次的编号列表来表示页面内容，那么可以使用嵌套的有序列表。在使用嵌套的有序列表时，只需将相关的列表标记符嵌套使用即可。

    综合实例：

    [代码]HTML代码：

        

        有序列表的嵌套演示



     



    
    嵌套有序的列表
    


      


    1. 列表项


        


      1. 子列表A
        2. 


      2. 子列表B
        3. 


      3. 子列表C
        4. 


      4. 子列表D
        5. 


      


      2. 


      


    2. 列表项


        


      1. 子列表A
        2. 


      2. 子列表B
        3. 


      3. 子列表C
        4. 


      4. 子列表D
        5. 


      


      3.

    （3）无序列表

    无序列表也称强调式列表，他是一种在各项内容前显示有特殊项目符号的缩排列表。

    格式：

      


    • 列表项内容
      • 


    • 列表项内容
      •

    功能：建立无序列表。

    无序列表标记以标记
      开始，以标记
    结束。在每一个
  • 标记处另起一行，并在列表文本前显示加重符号，全部列表会缩排，和word中的“符号项目”很相似。


    • 无 序列表中type的取值有3种：disc（实心圆）为默认值、circle（空心圆）、square（实心或空心方块）取决于浏览器。注意在IE浏览器中 type的值是区分大小写的，也就是说将type的值指定为circle是无法获得空心圆项目符号的，必须指定为circle才可以。

    综合实例：

    [代码]HTML代码：

        

        无序列表的演示

    默认的无序列表标记：

      


    • 列表项内容1
      • 


    • 列表项内容2
      • 


    • 列表项内容3
      •

    使用方块作为无序列表标记：

      


    • 列表项内容1
      • 


    • 列表项内容2
      • 


    • 列表项内容3
      •

    混合使用无序列表标记：

      


    • 列表项内容（实心圆）
      • 


    • 列表项内容（空心圆）
      • 


    • 列表项内容（实心方块）
      •

    （4）定义型列表

    定义型列表用于对列表条目进行简短说明的场合。

    格式：

    功能：说明列表条目。

    

    
     ... 
    

    
     ... 
    


    定义型列表标记以
    开始，以
    结束。定义型列表中包含一系列术语和定义对，
    标记后被定义为术语，
    标记则出现在被定义的内容前，列表自动换行和缩排。


    综合实例：


    [代码]php代码：

        
        定义型列表标记演示
		
     
	
	定义型列表标记：
	
    
		
    教程说明：
    
		
    本教程由DZ起点网录制
    
		
    教程简介：
    
		
    学完本套教程你将会有能力自主开发出一套网页模板！

     

    欢迎收看本教程


    本教程由DZ起点网为您录制


    QQ群：253092987


    WWW.DZ7.COM.CN

     

    3

    路过
    雷人
    握手
    鲜花
    鸡蛋
    收藏 邀请
    上一篇：1-3 HTML文本标记下一篇：1-5 HTML表单标记

    相关阅读

    最新评论

    1

    DiscuzƵ̵̳

    2

    ׽̳ز

    3

    Discuzģ忪

    QQ|Archiver|手机版|小黑屋|Discuz代码分析|Discuz目录结构|DZ起点网 ( 蜀ICP备13000518号-15 )

    GMT+8, 2024-9-11 11:54 , Processed in 0.038497 second(s), 19 queries .

    Powered by Discuz! X3.5

    © 2001-2024 Discuz! Team.

    返回顶部