全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:15165206905

第十二节:html有序列表和无序列表

现在我们说说ul标签的作用解释:

<ul>是无序列标签,英文单词为“unordered list”,是闭合标签,尾巴为</ul>。
这就是关于HTML ul无序列表标签的三种比较简单的用法,还有就是关于css方面了,这个以后再说

嵌套列表,都是在<ul>标签下的<li>标签里面嵌套<ul>标签,不能在<ul>里面建一个ul标签。
 

<ul>标签的type属性可定义列表情的标记符号,一般有

  • disc(圆点)

  • circle(圆圈)

  • square(方块)
     

    list-style-image属性

      list-style-image属性用来定义使用图片代替项目符号。它也是一个可继承属性,其语法结构如下:

      list-style-image:none/url

      list-style-image属性可以取两个值:

    none:没有替换的图片。 url:要替换图片的路径。

     

    list-style-position属性

      list-style-position属性,是用来定义项目符号在列表中显示位置的属性。它同样是一个可继承的属性,语法结构如下:

      list-style-position:inside/outside

    inside:项目符号放置在文本以内。 outside:项目符号放置在文本以外。


    例如

    li{
    list-style-type:square;
    list-style-position:outside;}
     
    <ul>
    <li>这里是使用list-style-position属性值为outside的示例。请注意换行以后项目符号的位置。</li>
    <li>这里是列表内容</li>
    <li>这里是列表内容</li>

     

    </ul>

    有序列表: 按照字母或数字等顺序排列的列表项目. 注意有序列表的结果是带有前后顺序之分的编号,如果插入和删除一个列表项,编号会自动调整。

    value1表示有序列表项目符号的类型, value2表示项目开始的数值. start是编号开始的数字,如start=2则编号从2开始,如果从1开始可以省略,或是在<li>标签中设定value="n"改变列表行项目的特定编号,例如<li value="7">。type=用于编号的数字,字母等的类型,如type=a,则编号用英文字母。使用这些属性,把它们放在<ol>或<li>的的初始标签中。

    有序列表type的属性包括(下图):


您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。