用Hbuilder实现：一行HTML代码+tab快捷键，快速创建HTML结构

在Hbuilder以创建table为例：

table是标签名。
border为标签内部的属性，且可以直接写入属性值。
可以用*来表示要创建几个元素。

table[border="1"]>tr*4>td*4

之后加tab键。
可以快速创建一个4*4的表格。

为了效果更明显，给tr和td加上距离。（一般使用CSS去进行，宽高的设置）
1.使用如下语句在body标签的内部。

table[border="2"]>tr[height="50px"]*4>td[width="100px"]*4

2.使用 Tab键
3.得到下列代码。

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><table border="2"><tr height="50px"><td width="100px"></td><td width="100px"></td><td width="100px"></td><td width="100px"></td></tr><tr height="50px"><td width="100px"></td><td width="100px"></td><td width="100px"></td><td width="100px"></td></tr><tr height="50px"><td width="100px"></td><td width="100px"></td><td width="100px"></td><td width="100px"></td></tr><tr height="50px"><td width="100px"></td><td width="100px"></td><td width="100px"></td><td width="100px"></td></tr></table></body>
</html>

效果图如下。

根据HTML的多层次的结构，可以快速创建多行的HTML结构。

用Hbuilder实现：一行HTML代码+tab快捷键，快速创建HTML结构相关推荐

python代码调试快捷键_6. Pycharm的传参、快捷键、执行代码、调试模式
1.通过pycharm给python程序传递参数脚本传入的参数.多个参数这个大家都比较熟悉,就不多说了 Pycharm如何传入参数? 先来认识python的参数: sys.argv[0]脚本本身 s ...
第001天：第一行Android代码
1.1 了解全貌--Android王国简介 Android从面世以来到现在已经发布了二十几个版本了.在这几年的发展过程中,谷歌为 Android王国建立了一个完整的生态系统.手机厂商.开发者.用 ...
C# VS开发工具展开和折叠代码的快捷键
C# 展开和折叠代码的快捷键 VS2005代码编辑器的展开和折叠代码确实很方便和实用.以下是展开代码和折叠代码所用到的快捷键,很常用: Ctrl + M + O: 折叠所有方法 Ctrl + M + ...
使java方法全部折叠_Intellij IDEA中一次性折叠所有Java代码的快捷键设置
Intellij IDEA中一次性折叠所有Java代码的快捷键设置问题:在Java文件中,想把所有的Java方法代码都一次性给折叠起来,用哪个点开哪个. 问题来源:在新建model bean的时候, ...
第一行代码第一章——你的第一行Android代码
第一行代码第一章-你的第一行Android代码知识点目录 1.1 了解全貌--Android王国简介 * 1.1.1 Android系统架构 * 1.1.2 Android已发布的版本 * 1.1. ...
《第一行代码》第一章：第一行Android代码
1,Android系统架构 2,开发的四大组件 3,丰富的系统控件 Android 系统为开发者提供了丰富的系统控件,使得我们可以很轻松地编写出漂亮的界面.当然如果你品位比较高,不满足于系统自带的控件 ...
java美化代码快捷键,java编写代码常用快捷键
在这个快节奏的社会中,做什么事情都讲求一个效率,自然是效率越高越好.Java程序员在编写代码时,高效工作的方法之一就是使用快捷键,那么编写代码常用快捷键都有哪些呢,这篇文章对java编写代码常用快捷键 ...
resnet keras 结构_Wandb用起来，一行Python代码实现Keras模型可视化
大数据文摘出品来源:wandb 编译:邢畅.宁静在训练神经网络的过程中,我们可能会希望可视化网络的性能和中间的结构,很多可视化代码的冗长复杂使得我们望而却步,有没有一行代码就能解决可视化的所有问题 ...
一行js代码识别Selenium+Webdriver及其应对方案
有不少朋友在开发爬虫的过程中喜欢使用Selenium + Chromedriver,以为这样就能做到不被网站的反爬虫机制发现. 先不说淘宝这种基于用户行为的反爬虫策略,仅仅是一个普通的小网站,使用一行 ...
25个好用到爆的一行 Python 代码，建议收藏
作者 | 欣一来源 | Pyhton爱好集中营在学习Python的过程当中,有很多复杂的任务其实只需要一行代码就可以解决,那么今天小编我就来给大家介绍实用的一行Python代码,希望对大家能够有所 ...

用Hbuilder实现：一行HTML代码+tab快捷键，快速创建HTML结构

用Hbuilder实现：一行HTML代码+tab快捷键，快速创建HTML结构相关推荐

最新文章

热门文章