零基础html学习-第四期

很久没有更新了，最近在忙碌，月中会继续更新。

列表

1、有序列表

<ol>
  <li></li>
</ol>

ol:order list

li:list item

ol基本格式

<ol type=" " start=" ">

type取值：A a I i 1 

 默认选项为1

start：从？开始。值为数字。

<ol type="a" start="2">
        <li>html</li>
        <li>css</li>
        <li>JavaScript</li>
</ol>

2、有序列表

<ul>
   <li></li>
</ul>

ul:unorder list

li:list item

ul基本格式

<ul type=" ">

type取值：disc（实心圆） circle（空心圆） square（实心方块） none（无）

<ul type="circle"> 
        <li>html</li>
        <li>css</li>
        <li>JavaScript</li>
    </ul>
    <ul type="square"> 
        <li>html</li>
        <li>css</li>
        <li>JavaScript</li>
    </ul>
    <ul type="disc"> 
        <li>html</li>
        <li>css</li>
        <li>JavaScript</li>
    </ul>
    <ul type="none"> 
        <li>html</li>
        <li>css</li>
        <li>JavaScript</li>
    </ul>

3、自定义列表

<dl>
 <dt></dt>
 <dd></dd>
</dl>

 dl:定义列表

dt：定义术语（仅一个）

dd定义描述（可多了）

 <dl>
     <dt>前端三剑客</dt>
     <dd>html</dd>
     <dd>css</dd>
     <dd>JavaScript</dd>
</dl>