继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

【学习打卡】第10天 <ul><li>标签、<ol><li>标签

kk吖
关注TA
已关注
手记 28
粉丝 0
获赞 1

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节:添加新闻信息列表 - 使用<ul><li>标签实现无序列表和添加图书销售排行榜- 使用<ol><li>标签实现有序列表

主讲老师:五月的夏天

课程内容:

了解<ul><li>标签实现无序列表和<ol><li>标签标签实现有序列表

课程收获:

ul-li是没有前后顺序的信息列表。

语法:

<ul>

  <li>信息</li>

  <li>信息</li>

   ......

</ul>

例子如下:

<ul>

  <li>精彩少年</li>

  <li>美丽突然出现</li>

  <li>触动心灵的旋律</li>

</ul>

ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:

http://img1.sycdn.imooc.com/62f9943f00016e1306050444.jpg

语法:

<ol>

   <li>信息</li>

   <li>信息</li>

   ......

</ol>

例子如下:

下面是一个热点课程下载排行榜:

<ol>

   <li>前端开发面试心法 </li>

   <li>零基础学习html</li>

   <li>JavaScript全攻略</li>

</ol>

<ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始,如下图所示:

http://img2.sycdn.imooc.com/62f9943700012c1005980325.jpg


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP