html怎么运行

html-css06

html怎么运行,第1张

html运行方法:选择文件夹、建立HTML文件、运行HTML文件。

1、选择文件夹

首先,在电脑某一位置创建一个文件夹,创建完成后回到VS Code在“文件”中找到“打开文件夹“选中并打开你刚刚创建的文件夹。

2、建立HTML文件

打开文件夹后,便可建立HTML文件了,建立过程如下,但要注意的是:文件的后缀名一定要写且为.html输入完名称后按下回车即文件创建成功。

3、运行HTML文件

创建完HTML文件后,按!+tab键可以生成HTML文件标准格式,之后输入你想在浏览器中呈现的内容,写完单击鼠标右键在属性框内点击open in(default)broswer即可在浏览器中运行啦!

Visual Studio Code介绍

Visual Studio Code(简称 VS Code / VSC)是一款免费开源的现代化轻量级代码编辑器,它的特点免费、开源、多平台,以及集成git,代码调试,插件丰富等有点,被大家逐渐熟知和认可。

电脑可以不上网来运行html,其具体运行步骤如下。

需要准备的材料分别有:电脑、浏览器、记事本。

1、首先,打开记事本,编写html语言,并保存为.html文件,例如:index.html。

2、鼠标右键index.html,选择打开方式,挑选用于打开的浏览器,例如Chrome浏览器。

3、此时Chrome浏览器成功运行了index.html页面。

运行html三种方式:

直接双击运行

vscode中运行

idea中运行

1、直接双击index.html

注意:默认起始页面为index.html,如果命名为其它文件名也可以

2、在vscode中快速运行前端项目

1)安装open in browser 或者 open in default browser

2)在vscode中打开index.html文件,右键 选择 open in browser

3)vscode会自动弹出新的浏览器来运行前端项目

open in default browser插件效果:

open in browser插件效果:

3、在idea中快速运行前端项目

打开index.html文件

右键run"index.html"

在配置项中会自动增加相应配置,并运行程序

在配置项中会自动增加相应配置

运行程序