HTML5学习_day01(2)--HBuilder工具tab快捷键使用

快捷键TAB使用

1.标签快速生成

格式：标签名   按tab键 自动生成标签

例子：

div     生成

<div></div>

2.多个标签快速生成

格式：标签名*10  按TAB键后 自动生个10个标签

例子：

div*3   生成

<div></div><div></div><div></div>

3,快速生成并添加内容

格式:标签名{内容}  生标签并把内容写入标签之间

例子：

div{这是我的div}     生成

<div>这是我的div</div>

div{多个div}*2  也可生成

<div>多个div</div><div>多个div</div>

4.不同标签同时生成和嵌套

不同标签格式:

div+p  也可 div{我是div}+p{我是p}  或者  (div{我是div}+p{我是p} )*3

<div></div><p></p>

嵌套格式：

div>p 也可 div>div>p   div{我是div}>div>p*2

<div><p></p></div>

5.标签id快速生成

格式：标签名#id名 

例子：

div#id名字

<div id="idname"></div>

6.标签class快速生成

格式：标签名.class名

例子:

div.classname

<div class="classname"></div>

以上可以任意组合，不过要注意加（）来捆绑标签之间的关系。

如

((div#id{有id的div}>p)+(div.class{有class的div}*3))

<div id="id">有id的div<p></p></div><div class="class">有class的div</div><div class="class">有class的div</div><div class="class">有class的div</div>