Emmet插件和HTML复习(一)

98 阅读1分钟

一.Emmet插件

1.div>span代表在div里面新建一个span标签

2.div>span{}里面的{}是表示span标签里面的内容,{}里面可以写元素标签里面的内容,用tab回车即可

3.table+ 之后按tab会自动生成一个最简单的表格,已经有层级关系的标签可以这么用,eg:ol+

4.div{$}*100代表生成内容为1-100的div标签

5.+表示兄弟关系,*表示数量,{}表示标签内容,$表示自增的数字

 

二、HTML复习

1. <code></code>标签表示呈现一段计算机代码

2.<pre></pre>标签<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

3.img是行内块元素

ps:爱词霸 iCIBA