<009>构建模块---4

戴宇轩 · 发表于 2015-7-25 14:09:23

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

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

x

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

外国朋友说，他在日记开头加入了他此行的游览顺序

课件下载: 旅游顺序.zip (94.95 KB, 下载次数: 53)

2015-7-24 21:52 上传
点击文件名下载附件

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

头脑风暴
为什么不用创建列表?（多选题）

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

有序列表

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

原来的代码

 1. Hangzhou
 2. Shanghai
 3. Nanjing

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

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

最后用<ol>包围它们

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

打开页面看看，是不是更像是一个列表了?

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

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

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

下一课
<010>为你的页面增加图像

黑龍 · 发表于 2015-7-26 13:10:29

A和D

wei_Y · 发表于 2015-7-26 17:16:13

感觉一次量略少啊。

kuangkuang · 发表于 2015-7-26 19:37:03

楼主，辛苦了！希望能更新更快些，每次都好期待。

tuzimina · 发表于 2015-7-28 15:05:56

答案

大冬瓜 · 发表于 2015-7-29 08:33:11

王鹏啊 · 发表于 2015-7-29 13:56:53

SAMLA-- · 发表于 2015-8-13 15:18:38

答案是： A,B,C,D

彼岸花316 · 发表于 2015-8-19 17:57:21

顶一个

羊圈圈 · 发表于 2015-8-24 15:40:11

回复一下

cheyne0917 · 发表于 2015-9-16 17:01:35

顶楼主

太空军校生 · 发表于 2015-9-30 15:25:33

学无止境

asd1157671820 · 发表于 2015-10-7 01:39:21

多谢楼主！

夕阳游龙 · 发表于 2015-11-5 19:37:39

顶一个！

weisuoaaaaaa · 发表于 2015-11-13 19:04:15

5555

红尘没落 · 发表于 2015-11-28 20:16:47

查看

鱼C工作室.YCGZS · 发表于 2015-11-30 16:30:45

ENGLISH没过关

阿堂 · 发表于 2016-2-4 10:52:16

学习学习

君莫弃 · 发表于 2016-3-2 20:09:40

继续支持着！

yanshicj · 发表于 2016-4-21 14:49:18

真不错

账号		自动登录	找回密码
密码			立即注册

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

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

本帖被以下淘专辑推荐: