频道栏目
首页 > 资讯 > HTML 5 > 正文

h5第三课列表

17-03-31        来源:[db:作者]  
收藏   我要投稿

h5第三课列表

<!DOCTYPE <strong>html</strong>>
<<strong>html </strong><strong>lang=</strong><strong>"en"</strong>>
<<strong>head</strong>>
    <<strong>meta </strong><strong>charset=</strong><strong>"UTF-8"</strong>>
    <<strong>title</strong>></<strong>title</strong>>
</<strong>head</strong>>
<<strong>body</strong>>
<<strong>dl</strong>><em><!--  </em><em>定义列表</em><em>
</em><em>          1.</em><em>子标签分两个</em><em>  dt  dd
</em><em>          2.dt:</em><em>列表的标题  没有缩进
</em><em>           常用于图文混编的布局场合</em><em>-->
</em><em>    </em><<strong>dt</strong>><<strong>img </strong><strong>src=</strong><strong>"../../img/zixia.jpg" </strong><strong>alt=</strong><strong>"</strong><strong>紫霞</strong><strong>" </strong><strong>hight=</strong><strong>"100px" </strong><strong>width=</strong><strong>"150px"</strong>/></<strong>dt</strong>><em><!-- </em><em>标题(无缩进)</em><em>-->
</em><em>    </em><<strong>dd</strong>>产品型号:联想IdeaPad Y450A-TFU(NBA纪念版)</<strong>dd</strong>> <em><!--</em><em>描述 </em><em>-->
</em><em>    </em><<strong>dd</strong>>价格:4999元</<strong>dd</strong>>
    <<strong>dd</strong>>所在地:北京</<strong>dd</strong>>
 
</<strong>dl</strong>>
<<strong>h3</strong>>注册步骤</<strong>h3</strong>>
<<strong>ol</strong>>
    <em><!-- </em><em>有序列表</em><em>
</em><em>          1.</em><em>修饰符是数字 它会随着项目的增多,自动增加</em><em>
</em><em>          2.</em><em>有序列表也是可以嵌套的</em><em>-->
</em><em>    </em><<strong>li</strong>>填写信息</<strong>li</strong>>
    <<strong>li</strong>>收电子邮件</<strong>li</strong>>
    <<strong>li</strong>>注册成功</<strong>li</strong>>
</<strong>ol</strong>>
<<strong>h3</strong>>新人上路指南</<strong>h3</strong>>
<<strong>ul</strong>><em><!-- </em><em>无序列表</em><em>
</em><em>         1.</em><em>修饰符是默认的原点,</em><em>
</em><em>         2</em><em>。可以嵌套,嵌套的修饰符会外层产生区别以示区分</em><em>-->
</em><em>
</em><em>    </em><<strong>li</strong>>如何激活会员名</<strong>li</strong>>
    <<strong>li</strong>>如何注册贵美会员</<strong>li</strong>>
    <<strong>li</strong>>注册时密码设置有什么要求</<strong>li</strong>>
    <<strong>li</strong>>贵美认证</<strong>li</strong>>
</<strong>ul</strong>>
 
<em><!--</em><em>补充:</em><em>
</em><em>    start:</em><em>指定列表的开始索引</em><em>
</em><em>    reversed:</em><em>列表索引倒叙显示</em><em>
</em><em>    type:</em><em>指定列表索引类型</em><em>-->
</em><<strong>ol </strong><strong>reversed type=</strong><strong>"A" </strong><strong>start=</strong><strong>"3"</strong>>
    <<strong>li</strong>>列表项1</<strong>li</strong>>
    <<strong>li</strong>>列表项2</<strong>li</strong>>
    <<strong>li</strong>>列表项3</<strong>li</strong>>
    <<strong>li</strong>>列表项4</<strong>li</strong>>
    <<strong>li</strong>>列表项5</<strong>li</strong>>
    <<strong>li</strong>>列表项6</<strong>li</strong>>
</<strong>ol</strong>>
</<strong>body</strong>>
</<strong>html</strong>>

 

相关TAG标签
上一篇:关于jQuery插件的index选择器index()方法的一些操作细节
下一篇:vue环境搭建与demo
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站