使用Emmet插件快速生成html代码

最新推荐文章于 2024-03-12 11:37:52 发布

好事总会发生在下个转弯

最新推荐文章于 2024-03-12 11:37:52 发布

阅读量231

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/drawlessonsfrom/article/details/114270708

版权

前端专栏收录该内容

73 篇文章 1 订阅

订阅专栏

1、快速生成html文档

输入!后按回车后即可生成html文档
在这里插入图片描述
文档内容展示如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

2、快速生成相关标签内容包裹的方法

（1）首先输入需要进行包裹的相关内容
在这里插入图片描述
（2）选中后按住F1，然后在相关的输入框中输入ewr
或者在选中编辑框中的emmet后输入wrap也能达到上述相关的效果

（3）选中相关所需要的方式后，在相关的输入框中输入相关的所需内容
在这里插入图片描述
（4）或者可以在待输入的相关内容后直接使用emmet语法快速生成相关的内容

按回车之后即可生成相关的内容

好事总会发生在下个转弯

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
使用Emmet插件快速生成html代码

1、快速生成html文档输入!后按回车后即可生成html文档文档内容展示如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl
复制链接

扫一扫