<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h2>新人上路指南</h2> <ol> <li>jdsj</li> <li>sd</li> <li>s;jis</li> </ol> <!--有序列表 1:修饰符时数字 2：他会随着项目的增多，自动增加 3：可以嵌套--> ·······························
<!--补充： start：指定列表的开始索引 reversed：列表索引倒序显示 type：指定列表索引的类型--> <ol start="6" reversed type="I"> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> <li>列表项4</li> <li>列表项5</li><ul> <!--无序列表1：修饰符时默认的原点2：可以嵌套，嵌套的修饰符会与外层产生区别，以示区别。--> <li>如何激活会员名？</li> <li>如何注册贵美会员？</li> <li>注册时密码设置有什么要求？</li> <li>贵美认证</li></ul>
··································· <!--定义列表--> <hr/> <dl> <dt>咖啡</dt><!--标题，dt不会缩进--> <dd>一种黑色的热饮料</dd> <dd>可以提神，刺激神经</dd><!--dd描述，自动缩进两个--> </dl> <hr/> <dl> <dt><img src="../../img/lenovo.jpg" width="100px" height="100px"/></dt> <dd style="font-size: 20px;color: aqua" >产品型号</dd> <dd style="font-size: 20px;color: antiquewhite">价格：49999</dd> <dd style="font-size: 20px ;color: blueviolet" >所在地：北京</dd> </dl> </body> </html>