鱼C论坛

 找回密码
 立即注册
查看: 11270|回复: 51

[技术交流] <009>构建模块---4

[复制链接]
发表于 2015-7-25 14:09:23 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 戴宇轩 于 2015-7-29 22:13 编辑

外国朋友说,他在日记开头加入了他此行的游览顺序
IMG_20150724_215131.jpg
课件下载: 旅游顺序.zip (94.95 KB, 下载次数: 53)

为了达到这种效果,我们用到了之前学过的段落,我们将学习并使用HTML内置的列表元素来创建列表

头脑风暴
为什么不用<p>创建列表?(多选题)


A. HTML专门提供了一个列表元素。如果使用这个元素,浏览器会知道这是一个列表,就能用最佳方式来显示。
B. 段落元素显示的是文本段落,而不是列表。
C. 可能看上去不是一个列表,而是一堆有编号的段落。
D. 如果想改变列表顺序,或者插入一个新的列表项,就要必须对所有列表项重新编号,这太麻烦了。
答案:
游客,如果您要查看本帖隐藏内容请回复



有序列表

要使用有序列表,我们先修改源代码,黄色代表修改部分

原来的代码

      <p>1. Hangzhou</p>
      <p>2. Shanghai</p>
      <p>3. Nanjing</p>

首先把编号去掉,然后将<p>改为<li>

    <li>Hangzhou</li>
    <li>Shanghai</li>
    <li>Nanjing</li>

最后用<ol>包围它们

    <ol>
      <li>Hangzhou</li>
      <li>Shanghai</li>
      <li>Nanjing</li>
    </ol>

打开页面看看,是不是更像是一个列表了?
IMG_20150724_221828.jpg

实际上还有一个无序列表<ul>

记下来
unordered list = ul (无序列表)
ordered list = ol(有序列表)
list item = li (列表元素)



小练习
他还告诉你,他还随身携带了iPod touch 5,iPad Air 2,iPhone 6 Plus,Apple Watch,想让你做成一个列表放在旅游行程下面,你能做到吗?(TIP: 这里适合用无序列表<ul>)
答案:
游客,如果您要查看本帖隐藏内容请回复



本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-7-26 13:10:29 | 显示全部楼层
A和D
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-7-26 17:16:13 | 显示全部楼层
感觉一次量略少啊。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-7-26 19:37:03 | 显示全部楼层
楼主,辛苦了!希望能更新更快些,每次都好期待。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-7-28 15:05:56 | 显示全部楼层
答案
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-7-29 08:33:11 | 显示全部楼层
c
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-7-29 13:56:53 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-8-13 15:18:38 | 显示全部楼层
答案是: A,B,C,D
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-8-19 17:57:21 | 显示全部楼层
顶一个
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-8-24 15:40:11 | 显示全部楼层
回复一下
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-9-16 17:01:35 | 显示全部楼层
顶楼主
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-9-30 15:25:33 | 显示全部楼层
学无止境
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-10-7 01:39:21 From FishC Mobile | 显示全部楼层
多谢楼主!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-11-5 19:37:39 | 显示全部楼层
顶一个!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2015-11-13 19:04:15 | 显示全部楼层
5555
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-11-28 20:16:47 | 显示全部楼层
查看
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2015-11-30 16:30:45 | 显示全部楼层
ENGLISH没过关
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2016-2-4 10:52:16 | 显示全部楼层
学习学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2016-3-2 20:09:40 | 显示全部楼层
继续支持着!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2016-4-21 14:49:18 | 显示全部楼层
真不错
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 18:13

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表