用VScode写个html

最新推荐文章于 2024-05-11 19:50:27 发布
最新推荐文章于 2024-05-11 19:50:27 发布
阅读量1.5w 收藏 32
点赞数 20
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44612121/article/details/104289441
版权

打开vs，新建文件，点击右下角的语言栏，改成html,一开始默认的是文本
在这里插入图片描述

在第一行打下感叹号，确定光标在感叹号的后面，之后按下tab键或者enter键都可以，就会生成，html的基本语法，（当然，你也可以一个一个的把html的基本元素打出来）
在这里插入图片描述

每天编程一小时
关注
  • 20
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
VSCode下快速开始编写html的方法
BelleDiao的博客
01-06 6213
给多个词输入相同内容： 选中—编辑—emmet—输入缩写包围行 输入a *或者ul>li*等。 如： 新建文件（Ctrl + N） 新建的文件Untitled-1是纯文本格式的，需改为HTML格式。 更改后可以看到，语言模式和文件标头均改变。 快速生成标准的html代码 （1）在第一行输入！ （2）按Tab键或者选择代码提示中...
使用VScode写一个html页面
10-15
本文给大家分享的是使用vscode编写的第一个html页面的全过程,非常的简单,菜鸟看看就行,高手请略过
利用VScode写html
StephanieDong的博客
09-03 932
html:英文全称是Hyper Text Makeup Language,中文全称是超文本标记语言超越文本限制，可以加图片，动画，多媒体等内容超越连接限制，可以从一个文件跳转到另一个文件，与世界各地主机的文件相连接。
vsode (Visual Studio Code) HTML -- 你的第一个网页
最新发布
C++牲
05-11 3176
vsode (Visual Studio Code) HTML -- 你的第一个网页
vscode 编写html
m0_52118763的博客
10-30 1467
首先需要安装一个插件open in browser 安装好后重启vscode 右键你要运行的html 可以使用Alt加B快捷键。 vscode中写html有一个快捷方式，输入！ 回车 会自动生成html的骨架结构
VSCode 写 HTML 文档
ItDaChuang的博客
12-10 689
VSCode 写 HTML 文档 一、VSCode 的使用 1.1 软件的下载和基本的 html 文件创建 VSCode 下载可以去VSCode官网下载 新建文件，该文件名和和文件格式为.html即可 在新建的 html 文件中输入 ! 接着回车或按 Tab 键即可生成网页骨架。 <!-- 输入 ! 回车可快速生成下面骨架 --> <!DOCTYPE html> <html lang="en"> <head> <meta charse
使用vscode编写html代码
贝la的博客
06-11 8745
原文链接：https://www.jianshu.com/p/f8b10f99a0ed
解决vscode 中保存后html自动格式化的问题
12-28
最近几天更新了 vsCode 的...众所周知我们写 html 页面经常会在元素上绑定很多属性或者是事件什么的，如果不换行就比较难看，所以我的日常做法是每个属性单独一行，就像这样： ]=2 nzTotal]=500 ></nz-pagination
如何使用VSCode愉快的写Python于调试配置步骤
12-25
从我的使用经验出发，可以说VSCode用来写Python真的是再合适不过了，你将体验到丝滑的编程体验和无限扩展的可能。而且，如果你的项目是包含多种语言的，比如Web开发，你不必再开多个编辑器和其他工具，因为这一切都...
基于vscode写的关于美团页面的前端项目
11-29
【标题】：“基于vscode写的关于美团页面的前端项目” 这个项目是一个前端开发实例，主要使用Visual Studio Code（VSCode）作为代码编辑器，通过Vue.js框架和Node.js后端技术来实现一个类似美团的网页应用。Vue.js...
vscode 开发Vue项目的方法步骤
12-09
在开发Vue项目时，Visual Studio Code (VSCode) 是一个非常流行且强大的工具。下面将详细介绍如何使用VSCode配置和优化开发环境，以及如何进行Vue项目的断点调试。 首先，你需要下载并安装VSCode。你可以从官方市场...
教你快速使用VSCode编写HTML文件
半生瓜のblog
05-09 4万+
我的小站——半生瓜のblog 教你快速使用VSCode编写HTML文件1.配置2.更改默认打开浏览器 1.配置 首先在官网下载VSCODE并完成安装，[vscode官网]。(https://code.visualstudio.com/) 汉化——打开软件，左侧工具栏最后一个是插件栏，点击去搜索Chinese,选择第一个安装，如图。 安装相关插件——搜索html,安装如下插件，如图。 选择左上角文件，打开文件夹。 然后新建文件，文件后缀是.html。 打开是一片空白，输入一个.
vscode怎么运行代码HTML 怎么在vscode编写HTML代码
QQ_____365392777的博客
05-30 4万+
vscode怎么运行代码HTML 怎么在vscode编写HTML代码 vscode怎么运行代码HTML?vscode是一款源代码编辑器软件，能够用于windows、macOS以及Linux系统，具有丰富的其他语言。网站html编写也需要使用到vscode，但是很多小伙伴们不知道如何运行编写html代码，那么今天就来教大家vscode怎么运行代码HTML以及怎么在vscode编写HTML代码，一起来看看吧。 vscode怎么运行代码HTML 1、首先打开vscode软件，新建一个HTML文件，后缀名也需要写上
如何在VS Code中快速写HTML？
SeanXuu的博客
09-06 2万+
如何在VS Code中快速写HTML？ VS Code是我最近听代码时间podcast才了解到的一个新的编辑器。用完之后发现，这款编辑器还真的很好用！但是当我开始写HTML时候才发现，生成一个标准格式的代码还有点困难。（好吧，其实是我菜鸡，巨硬怎么可能让人一行一行敲代码呢？） 于是，便探寻到了以下方法： 1.在第一行输入！ 2.按下tab键 3.完成 结果如图： ...
vscode安装及快速上手写html代码
m0_74284629的博客
12-26 1306
安装vscode，安装所需要的插件，在vscode快速生成代码结构，快速注释，快速取消注释，一次输入多个标签。
Vscode下快速编写HTML的方法
小可爱的博客
07-20 1110
Vscode 小白入门基础使用快捷编写
vscode中创建html
低代码布道师的博客
10-09 2046
打开vscode，选择文件的新建文件按钮 按快捷键ctrl+s输入我们的文件名，点击保存按钮 在光标的位置输入!这样就会自动生成html的骨架标签 切换到扩展菜单，输入open in browser 安装扩展 切回到代码视图，鼠标右键，选择open in default browser就可以在默认浏览器打开网页啦 ...
【VSCode】VSCode编写HTML时的快捷键（笔记）
【敦厚的曹操】的专栏
12-22 1万+
VSCode中有一些快捷编辑HTML的方法，能大大提高工作效率，在这记录一些。 1.输入html:5，然后按tab键或enter键，效果如下： <!-- 输入html或者html:5生成页面模板 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
vscode 快速新建一个HTML文件
热门推荐
Brick的博客
07-29 5万+
现在工作中很少会去重新写一个html文件，以致很多简单有效的快捷键都不太会用，写个笔记供以后参考，如有不对，请指正… 1.在代码编辑器（vscode,pycharm,phpstorm）中新建一个xxx.html文件 下面以vscode为示例： 2.英文模式下输入：! 后按tab键 //这样一个简易的html文件就写完了 想要快速打开HTML文件查看编辑效果 1.点击编辑器主界面...
用VScode写一个简单html网页
05-26
好的，以下是一个简单的HTML网页代码： ``` <!DOCTYPE html> <html> <head> <title>我的网页</title> head> <body> <h1>欢迎来我的网页</h1> <p>这是一个简单的HTML网页</p> <img src="https://via.placeholder.com/150" alt="占位图"> </body> </html> ``` 你可以在VScode新建一个HTML文件，将以上代码复制进去并保存，然后在浏览器中打开这个文件即可看到效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值