一、UL列表介绍

ul 是无需列表,li列表里面的一条值,例如

  <ul>
  <li>中国</li>
  <li>四川</li>
  <li>成都</li>
  </ul>

效果如下:

可以改变前面li的样式,通过给ul添加样式,其中代码如下

 <ul style="list-style-type: lower-greek">
        <li>中国</li>
        <li>四川</li>
        <li>成都</li>
  </ul>

运行效果如下:

二、OL列表介绍

ol有序列表,每一列都有标号,li是列表的某列数据。其代码如下

  <ol>
        <li>中国</li>
        <li>四川</li>
        <li>成都</li>
    </ol>

运行效果如下:

 可以改变前面li的样式,通过给ol添加样式,其中代码如下

  <ol style="list-style-type:lower-alpha">
        <li>中国</li>
        <li>四川</li>
        <li>成都</li>
    </ol>

运行效果如下:

三DL列表介绍

dl自定义标签,dt标签的第一列标题, dd列表的某列值。其代码如下

 <p>
        自定义标签
    </p>
    <dl>
        <dt>中国</dt>
        <dd>
            四川</dd>
        <dd>
            成都</dd>
    </dl>

运行效果如下:

定义列表的列表项内部可以使用段落、换行符、图片、链接以及其他列 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐