HBuilderX快速上手

最新推荐文章于 2024-06-14 10:01:58 发布

肖申克的陪伴

最新推荐文章于 2024-06-14 10:01:58 发布

阅读量3.4k

点赞数 9

分类专栏：前端大开发文章标签： html html5 编辑器

本文链接：https://blog.csdn.net/qq_42076902/article/details/112628004

版权

前端大开发专栏收录该内容

11 篇文章 1 订阅

订阅专栏

HBuilderX是当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛,非常适合新手上手，这里总结了最常见的快捷键，欢迎观看收藏。

1.快捷键

这里集合了一些比较常用的快捷键，如果掌握效率翻倍
Ctrl+C 复制文本
Ctrl+V 粘贴文本
Ctrl+Z 撤回/返回上一步操作
Ctrl+Y 取消上一步撤销操作
Ctrl+B 文本加粗
Ctrl+K 格式化文本/让文本更漂亮
Ctrl+T 新建一个文档
Ctrl+R 使用浏览器预览
Ctrl+S 保存文件
Ctrl+A 全选文本
Ctrl+D 删除光标所在行
Ctrl+L 选中此行文本
Ctrl+/ 注释选中区域
Ctrl+E 选中全部已选中内容

2.形成一个基础的html结构

首先建立一个html文件，然后输入
！+ Tab 键

THML+enter（回车键）

html>(head>title>{标题})+body>{内容} +Tab键

生成结果如图：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
	</head>
	<body>
		
	</body>
</html>

3.任何标签+Tab键，创建一个普通标签

img + Tab键

<img src="" alt="">

a + Tab键

<a href=""></a>

4.特殊符号

星号键代表多个
*
p*5 + Tab键结果如下:

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

> 代表子集
tr>td + Tab键结果如下:

	<tr>
		<td></td>
	</tr>

+ 代表兄弟
a+img + Tab键

<a href=""></a>
<img src="" alt="">

() 代表群组
tr>(th+td) + Tab键

		<tr>
			<th></th>
			<td></td>
		</tr>

{} 代表文本
p>{您好，我是宁静和致远} + Tab键

<p>您好，我是宁静和致远</p>

$ 代表序列
p*5>{第$行} + Tab键

		<p>第1行</p>
		<p>第2行</p>
		<p>第3行</p>
		<p>第4行</p>
		<p>第5行</p>```

@ 代表起始位置
p*5>{第$@100行} + Tab键

		<p>第100行</p>
		<p>第101行</p>
		<p>第102行</p>
		<p>第103行</p>
		<p>第104行</p>

p*5>{第$@-行} + Tab键逆序

		<p>第5行</p>
		<p>第4行</p>
		<p>第3行</p>
		<p>第2行</p>
		<p>第1行</p>

肖申克的陪伴

关注

9
点赞
踩
14

收藏

觉得还不错? 一键收藏
打赏
5
评论
HBuilderX快速上手

1.快捷键这里集合了一些比较常用的快捷键，如果掌握效率翻倍Ctrl+C 复制文本Ctrl+V 粘贴文本Ctrl+Z 撤回/返回上一步操作Ctrl+Y 取消上一步撤销操作 Ctrl+B 文本加粗Ctrl+K 格式化文本/让文本更漂亮Ctrl+T 新建一个文档Ctrl+R 使用浏览器预览Ctrl+S 保存文件Ctrl+A 全选文本Ctrl+D 删除光标所在行Ctrl+L
复制链接

扫一扫