专栏首页Java技术分享圈HBuilder快速生成代码行的技巧

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>      

属性值用[ ]填充,文本内容用{ }填充,*数字:代表生成的元素个数

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 杨老师课堂之JavaScript案例之自动切换轮播图片

            2.1跳转div盒子的布局(宽、高、边框线、水平居中、文字居中...)

    杨校
  • 杨老师课堂之JavaScript案例手动切换轮播图片

            2.1跳转div盒子的布局(宽、高、边框线、水平居中、文字居中...)

    杨校
  • 杨老师教你学会使用富文本编辑器KindEditor之添加页面设计

    版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kese7952/article/deta...

    杨校
  • 注册页面案例_表单标签

    黑泽君
  • 常见的Form表单提交方式

    在进行项目编程的时候,我们难免会去编写一些简单的前端页面. 而编写前端页面就力不开 form表单的支持. 下面就form表单的提交方式进行如下探寻

    时间静止不是简史
  • HTML基础下

    知识点一: HTML5的标准结构: <!DOCTYPE html> <html lang='en'> <head> <meat charset='utf...

    用户1134788
  • 原创|互联网公司必备利器Kafka终极入门,最后一篇

    基于第一节教程中配置的dcoker kafka 镜像,基于kakfa镜像创建容器。创建3台kafka容器,同样将容器指定backend桥接网络,这样做的好处是容...

    double
  • 昆仑会员此打印方式只针对用会员卡结账的消费,放开限制解决方案

    landv
  • 小程序实现sql插入语句转换成Laravel迁移语句

    饶文津
  • php 实现简单的登录功能示例【基于thinkPHP框架】

    Administrator@QCEE61NZ66FEX2D /cygdrive/c/wamp/www/thinkphp/Home/Tpl/Login $ ls

    砸漏

扫码关注云+社区

领取腾讯云代金券