请选择 进入手机版 | 继续访问电脑版

DZ起点网_免费Discuz视频教程

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz

1-4 HTML列表标记

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

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

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

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

主讲老师:朱朝兵  QQ537060756

 

1-4 HTML列表标记

视频教程

高清版下载

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

视频教程截图


(1)有序列表标记

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

格式:

  1. ...
  2. ...

功能:建立有序列表。

使用

    ...
标记建立有序列表,使用
  • ...
  • 标记建立列表项,对于
  • ...
  • 他的开始标记和结尾标记都是必选的,即每个表项结束就是下一个表项的开始。
      标记符具有两个常用属性: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
    编号不连续的有序列表:
    1. 列表项1
    2. 列表项2
    3. 列表项3
    变换了数字样式的有序列表
    1. 列表项1
    2. 列表项2
    3. 列表项3

    (2)有序列表的嵌套

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

    综合实例:

    [代码]HTML代码:

        
    
            有序列表的嵌套演示
    
    
    
         
    
    
    
        

    嵌套有序的列表

    1. 列表项
      1. 子列表A
      2. 子列表B
      3. 子列表C
      4. 子列表D

    2. 列表项
      1. 子列表A
      2. 子列表B
      3. 子列表C
      4. 子列表D

    (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

    路过

    雷人

    握手

    鲜花

    鸡蛋

    相关阅读

    最新评论

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

    GMT+8, 2021-11-27 14:27 , Processed in 0.045234 second(s), 19 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2020, Tencent Cloud.

    返回顶部