HBuilder快速生成代码行的技巧
1.在body内输入div.box按下tab键
效果：
<div class="box"></div>2.在body内输入div#box按下tab键
效果：
<div id="box"></div>3.在body内输入ul>li{旺财}*3按下tab键
效果：
<ul>
<li>旺财</li>
<li>旺财</li>
<li>旺财</li>
</ul> 4.在body内输入div>a[href='#']{小强}*3按下tab键
效果：
<div>
<a href="#">小强</a>
<a href="#">小强</a>
<a href="#">小强</a>
</div>5.在body内输入table>tr*3>td{$}*5按下tab键
效果：
<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>6.在body内输入select>option{$}*5按下tab键
效果：
<select name="" id="">
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
<option value="">5</option>
</select> 7.在body内输入select>option[value=‘序号’]{$}*5>a[href=’#’]{编号}按下tab键
效果：
<select name="" id="">
<option value="序号">1<a href="#">编号</a></option>
<option value="序号">2<a href="#">编号</a></option>
<option value="序号">3<a href="#">编号</a></option>
<option value="序号">4<a href="#">编号</a></option>
<option value="序号">5<a href="#">编号</a></option>
</select> 属性值用[ ]填充，文本内容用{ }填充，*数字：代表生成的元素个数
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/06/07 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
