本篇教程介绍了HTML+CSS入门 HTML组合标签学习，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

 

　　<

 

　　组合标签实际上都叫列表标签

 

　　分为无序列表和有序列表

 

　　<ol type="    ">  //有序

 

　　<li>内容</li>

 

　　</ol>

 

　　<ul type = "  ">//无序

 

　　<li>内容</li>

 

　　</ul>

 

　　<ol  style="list-style: none;"></ol> //在标签<ol>内加这个属性，显示效果为去除序号

 

　　可以多层嵌套

 

　　可以自定义一个列表

 

　　自定义列表不仅仅是一列项目，而是项目及其注释的组合

 

　　自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始

 

　　<ol>

 

　　<li>中国</li>

 

　　<li>俄罗斯

 

　　<ol type="a">

 

　　<li>莫斯科</li>

 

　　<ol>

 

　　<li>123</li>

 

　　</ol>

 

　　</ol>

 

　　</li>

 

　　<li>美国

 

　　</li>

 

　　</ol>

 

　　多层嵌套

 

　　把要添加的内容或者标题写到<li></li>内

 

　　运行效果。

 

　　1 <ol style="list-style: none;">

 

　　2     <li>中国</li>

 

　　3     <li>俄罗斯

 

　　4         <ol type="a" style="list-style: none;">

 

　　5             <li>莫斯科

 

　　6                 <ol style="list-style: none;">

 

　　7                     <li>123</li>

 

　　8                 </ol>

 

　　9             </li>

 

　　10         </ol>

 

　　11     </li>

 

　　12

 

　　13     <li>美国

 

　　14

 

　　15     </li>

 

　　16 </ol>

 

　　去除标签序号

 

　　显示效果

 

　　1 <dl>

 

　　2 <dt>Coffee</dt>

 

　　3 <dd>- black hot drink</dd>

 

　　4 <dd>-123

 

　　5     <dl>

 

　　6         <dd>-456</dd>

 

　　7     </dl>

 

　　8 </dd>

 

　　9 <dt>Milk</dt>

 

　　10 <dd>- white cold drink</dd>

 

　　11 </dl>

 

　　自定义列表

 

　　显示效果