forked from theluyuan/Web
accomplish html
This commit is contained in:
parent
f8633391e5
commit
525b39006a
@ -94,16 +94,14 @@ HTML标签超详细的图文演示再来一波~~~
|
|||||||
|
|
||||||
场景1 —— 导航条:
|
场景1 —— 导航条:
|
||||||
|
|
||||||
![](20170704_1717.png)
|
![](http://img.smyhvae.com/20170704_1717.png)
|
||||||
|
|
||||||
场景2 —— li里面放置的内容可能很多:
|
场景2 —— li里面放置的内容可能很多:
|
||||||
|
|
||||||
20170704_1719.png
|
![](http://img.smyhvae.com/20170704_1719.png)
|
||||||
|
|
||||||
声明:ul的儿子,只能是li。但是li是一个容器级标签,li里面什么都能放。甚至于可以再放一个ul。
|
声明:ul的儿子,只能是li。但是li是一个容器级标签,li里面什么都能放。甚至于可以再放一个ul。
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
### 2、有序列表`<OL>`,里面的每一项是`<li>`
|
### 2、有序列表`<OL>`,里面的每一项是`<li>`
|
||||||
|
|
||||||
英文单词:Ordered List。
|
英文单词:Ordered List。
|
||||||
@ -255,7 +253,7 @@ ol这个东西用的不多,如果想表达顺序,大家一般也用ul。举
|
|||||||
真实案例:(京东最下方)
|
真实案例:(京东最下方)
|
||||||
|
|
||||||
|
|
||||||
20170704_1727.png
|
![](http://img.smyhvae.com/20170704_1727.png)
|
||||||
|
|
||||||
|
|
||||||
上图中的结构如下:
|
上图中的结构如下:
|
||||||
@ -285,7 +283,7 @@ ol这个东西用的不多,如果想表达顺序,大家一般也用ul。举
|
|||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
20170704_1728.png
|
![](http://img.smyhvae.com/20170704_1728.png)
|
||||||
|
|
||||||
dt、dd都是容器级标签,想放什么都可以。所以,现在就应该更加清晰的知道:用什么标签,不是根据样子来决定,而是语义(语义本质上是结构)。
|
dt、dd都是容器级标签,想放什么都可以。所以,现在就应该更加清晰的知道:用什么标签,不是根据样子来决定,而是语义(语义本质上是结构)。
|
||||||
|
|
Loading…
Reference in New Issue
Block a user