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

<009>构建模块---4

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

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

课件下载:

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

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

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


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

原来的代码

      <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>

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


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

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


小练习他还告诉你，他还随身携带了iPod touch 5,iPad Air 2,iPhone 6 Plus,Apple Watch，想让你做成一个列表放在旅游行程下面，你能做到吗?（TIP: 这里适合用无序列表<ul>）答案:**** Hidden Message *****


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

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

A和D

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

{:9_219:}感觉一次量略少啊。

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

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

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

答案

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

c

王鹏啊 发表于 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

真不错
页: [1] 2 3
查看完整版本: <009>构建模块---4