html列表:

最新推荐文章于 2024-04-29 07:06:22 发布

原创最新推荐文章于 2024-04-29 07:06:22 发布 · 887 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

html列表:

一、有序列表:前面有序号
ol标签：有序列表
li标签：有序列表的内容
type属性：
1：默认
A/a
I/i
二、无序列表
ul标签：无序列表
li标签：无序列表的内容

一般不用属性修改，最好用css样式修改
type属性：
disc项目符号显示为实心圆（默认值）
square：实心正方形
circle：空心圆
type用于ul中,则全部的li变为同一个类型，修改某一个li可在前面加特殊的
列表是块元素
三、自定义列表
dl：表示自定义列表
dt标签:用来表示磁条（相当于文章标题）
dd标签：表示对磁条的解释

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>列表</title>
 </head>
 <body>
  <!--
   无序列表
   ul标签：无序列表
   li标签：无序列表的内容
   
   一般不用属性修改，最好用css样式修改
   type属性： disc项目符号显示为实心圆（默认值）
           square：实心正方形
           circle：空心圆
   type用于ul中,则全部的li变为同一个类型，修改某一个li可在前面加特殊的
   列表是块元素
  -->
  <ul type="disc">
   <li >1</li>
   <li >2</li>
   <li>3</li>
  </ul>
  
  <ul  style=" list-style-type: disc;color: aliceblue; "><!--此处style是行内样式，常用的样式是外部样式表-->
   <li type="square">1</li>
   <li >2</li>
   <li>3</li>
  </ul>
  <!--
   有序列表:前面有序号
   ol标签：有序列表
   li标签：有序列表的内容
   type属性：
   1：默认
   A/a
   I/i
   -->
   <ol>
     <li >1</li>
     <li >2</li>
     <li> 3</li>
   </ol>
     <ol type="a">
         <li >1</li>
         <li >2</li>
         <li >3</li>
   </ol>
   <ol type="I">
         <li >1</li>
         <li >2</li>
         <li >3</li>
   </ol>
        <!--
         自定义列表
         dl：表示自定义列表
           dt标签:用来表示磁条（相当于文章标题）
           dd标签：表示对磁条的解释
        -->
    <dl>
         <dt>1</dt>
         <dd>2</dd>
         <dt>3</dt>
         <dd>1</dd>
         <dt>2</dt>
         <dd>3</dd>
   </dl>
 </body>
</html>