Zero-based html learning - the fourth issue

It's been a long time since I updated, I've been busy recently, and will continue to update in the middle of the month.

the list

1. Ordered list

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

ol:order list

li:list item

ol basic format

<ol type=" " start=" ">

Type value: A a I i 1 

 The default option is 1

start: from? start. The value is a number.

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

2. Ordered list

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

ul:unorder list

li:list item

ul basic format

<ul type=" ">

Type value: disc (solid circle) circle (hollow circle) square (solid square) none (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. Custom list

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

 dl: definition list

dt: definition term (only one)

dd definition description (more)

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

 

Guess you like

Origin blog.csdn.net/m0_61901625/article/details/126685627