前端web学习01——vscode新建html、html标签

原创 已于 2025-03-23 17:00:39 修改 · 662 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #vscode

于 2025-03-22 00:05:21 首次发布

前端业务：网站、管理系统、数据可视化、小程序、游戏

新建一个html

1.点击：文件——打开文件夹

2.在打开的页面中新建一个文件夹——选择文件夹

3.点击下图图标——在出现的文本框中输入index.html并回车——完成创建

2024从零开始使用VSCode编程（静态页面制作篇）HTML+CSS+JS阶段
ssrsrrn的博客
07-25 8997
VSCode第一个前端静态页面的编写
Web前端——html全面解析笔记
轮回浮华三千的博客
04-26 656
Web前端开发——HTML英文单词编程环境搭建三级目录 英文单词 Hyper Text Markup Language——超文本标记语言（HTML） 编程环境搭建 如无特殊说明，则均在C盘之外的盘和英文输入法下操作。 安装Sublime Text软件，新建一个web文件夹，web文件夹中新建code文件夹，code文件夹中新建5个文件夹分别为css，js，image，music，video。 打开Sublime Text软件ctrl+n新建，ctrl+s保存在code文件夹下，文件后缀名为html。（例如1
VSCode中快速创建Html文件
记录和分享属于我的“IT”时光。
02-02 3115
VSCode中快速创建Html文件
【HTML专栏2】VSCode的使用（新建HTML文件）
小黄鸭的博客
09-07 3509
VSCode新建HTML文件，保存，快捷键基础结构代码
vscode新建html文件
helloic的博客
08-23 1103
3.输入感叹号，并按【tab键】即可快速生成HTML模板。1.选择需要建html的文件夹，点击新建文件。2.输入名字，以.html结束。
vscode中创建html
低代码布道师的博客
10-09 2316
打开vscode，选择文件的新建文件按钮 按快捷键ctrl+s输入我们的文件名，点击保存按钮 在光标的位置输入!这样就会自动生成html的骨架标签 切换到扩展菜单，输入open in browser 安装扩展 切回到代码视图，鼠标右键，选择open in default browser就可以在默认浏览器打开网页啦 ...
从零开始学WEB前端——网页的骨架——HTML理论讲解
embelfe_segge的博客
03-02 896
??项目介绍 先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员??。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员??。 该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资料，所有的参考资料我都放在了文章末尾。尊重开源，尊重知识产权。每一个案例我都亲手写过并觉得不错才
VSCode+LiveServer搭建Web前端开发环境
JavaWinner的专栏
02-16 2821
为避免潜在错误，如果之前已安装过NodeJS、VSCode、LiveServer的同学，请全部卸载！ ------------以下安装全部采用默认选项，建议大家也这样做------------- 〇、安装Chrome核心的浏览器并设置为系统默认浏览器 360极速、360安全、搜狗、Chrome等均可，总之Web开发不建议用IE或Edge。 一、安装NodeJS 1、下载...
web前端环境搭建vscode
03-18
### 如何使用 VSCode 搭建 Web 前端开发环境 #### 安装 VSCode 和 Live Server 插件 为了实现高效的前端开发，在 Visual Studio Code 中可以安装 **Live Server** 插件来实现实时预览功能。当编写代码并保存文件后...
web前端如何用vscode做后端
最新发布
11-15
首先，用户的问题是关于在VSCode中使用Web前端技术进行后端开发的方法。用户提到了一些引用，但我需要忽略那些引用，因为它们是参考站内引用，并不是用户真正的需求。用户说："上述引用仅供参考，并不是用户真正的...
Vscode 新建HTML文件
12程序猿的博客
07-06 1万+
如何使用vscode新建 html文件，介绍如下： 1.打开vscode，点击Open Folder 2.选择目标文件夹，新建一个扩展名为.html的文件： 3.在第一行输入 !(英文状态下)，按tab键，新建成功。界面如下图所示：
如何在VSCode里快速新建一个html文件并运行
Jet_Lover的博客
02-08 3359
首先新建一个html文件，取名后缀为XXX.html，如图 建好文件之后是空的，然后输入！同时按下tab键就自动生成html目录了 目录建好后怎么运行呢？ 打开扩展商店，输出op就出来了，选择第一个open in browser安装 安装好了之后就可以运行啦，快捷键是alt+b，当然也可以在项html文件中点击鼠标右键来运行，如图 然后选择浏览器来运行，推荐最好选择谷歌，运行效果如下 最后有人问，这个中文是怎么设置的？也是在应用商店里面搜索language然后选择中文的下载然后重新启动VSCo
vscode如何创建并打开html文件（骨灰级新手友好）
m0_65163985的博客
04-12 1万+
open in browser要下载1.1.0版本，但是会发现只能找到2.2.0的，所以我们这样做。填上一个你已经安装好的浏览器， 我这里填的是火狐，你填其它的也可以。(简体中文)，重启后发现就变成中文（对于原来是英文版的小伙伴）1. 先打开Visual Studio Code。最后在空白处点击鼠标右键， 然后选择。2. 下载三个插件 ，点击第五个图标。选择1.1.0版本的安装即可。然后配置你要打开在哪个浏览器。设置放置的位置后就可以得到。然后右击鼠标，点击“右键鼠标 -> 点击。
在vscode中新建html文件的两种方法
qq_43142545的博客
09-13 6万+
在vscode中新建html文件的两种方法: 第一个方法: 1 点击菜单【文件】，如图所示。 2 点击【新建文件】，如图所示。 3 就会创建一个没有命名的文件，如图所示。 4 点击选择语言开始，会弹出选择语言模式，在自动检测的下拉菜单中选择html，一个没有命名的html文件就创建好了。 5 点击保存或者另存为，给没有命名的html起个名字,可以起字母,数字,中文，起好名字,点击保存，一个html文件就创建好了。 6 我们在html文件上输入【!】叹号(在英文状态下)，然后按键盘的【Tab】键，只
在vscode中创建html文件的方法
weixin_66958882的博客
01-24 2573
vscode如何创建html文件
VSCode创建运行html界面及CSS
CYL5913的博客
09-12 3769
打开网址http://localhost:【端口号】/【html文件名】.html，例如http://localhost:5500/index.html，端口号默认为5500，如果不是，以自己电脑的端口号为准，端口号为下图 port：xxxx 点击后即可在网页显示内容。），简单的说，它是用于设置和布局网页的计算机语言。例如，调整内容的字体，颜色，大小等样式，设置边框的样式，调整模块的间距等。：是指丰富的样式外观。拿边框距离来说，允许任何设置边框，允许设置边框与框内元素的距离，允许设置边框与边框的距离等等。
VSCODE快速创建html
Kp0fS的草稿纸
07-20 333
如何使用VS Code 建立并运行HTML文件（超详细，新手入内）？
m0_61783767的博客
07-31 2261
输入你想在浏览器中呈现的内容,写完单击鼠标右键 在属性框内点击open in （default）broswer 即可在浏览器中运行啦！（我这里是已经安装好的界面，未安装的在搜索出现时会有安装按钮，点击即可）创建完HTML文件后，按！+ tab键可以生成HTML文件标准格式。打开文件夹，点击新建文件，创建一个自命名的html文件。自动重命名配对的HTML / XML标签。输入完名称后 按下回车 即文件创建成功。：自动配对HTML / XML标签。，这是运行html文件的关键。
如何使用VS Code 建立并运行HTML文件（超详细，新手入内）？-VS Code 编辑器的使用
热门推荐
在森林里麋了鹿
04-04 12万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、打开VS Code 配置插件二、建立运行HTML文件1.选择文件夹2.建立HTML文件3.运行HTML文件 前言 Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，它的特点免费、开源、多平台，以及集成git，代码调试，插件丰富等有点，被大家逐渐熟知和认可。但是如何在VS Code中建立运行html文件呢？详见如下内容 一、打开VS Code 配置插件 首
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值