目录
1.下载运行环境:
以下使用VSCode作为html的运行环境的操作步骤。
下方是VSCode的官网:
Download Visual Studio Code - Mac, Linux, Windowshttps://code.visualstudio.com/download
进入VSCode官网后可以看到系统的区别有"windows","linux","MAC"。
注意事项:根据自身电脑的实际情况来选择所选择相应的软件
下载完后双击鼠标左键打开VSCoode的安装包
2.安装
其次就是VSCode的安装过程
更改安装的位置:
如下就安装完成了
3.配置编译环境
进入后若软件内部为英文此时需要安装插件来进行配置环境
1.选中插件商店
2.搜索"chinese"结果的第一个就是
3.选中过后点击lnstall安装
单击右下方的Change Language and Restart重启VSCode后界面就变成了中文界面
为了html运行更方便需要安装以下插件:Code Runner,Error Lens,Live Server,open in browser
4.创建html文件夹
在这之前需要打开一个文件夹存放html文件,过程如下图所示
先创建一个文件,文件名不固定根据喜好规定后接".htm "或则".html"都是可以的。
打开后所见一个html后缀的文件
在VSCode中可以使用英文版的”!“后接回车或选择就可以生成一个基本的网页结构。
如下图所示
5.基本的html架构各个标签的意思:
<!DOCTYPE html>这是文档类型声明,用来将文档声明为 HTML 文档。
<html></html>是 HTML 页面的根标签,其他所有的标签都需要在<html>和</html>标签之间定义。
<head> </head>该标签中用来定义 HTML 文档的一些信息,例如标题、编码格式等等。
<meta charset="UTF-8">:用来指明当前网页采用 UTF-8 编码,UTF-8也被称之为万国码,
UTF-8 是全球通用的编码格式,绝大多数网页都采用 UTF-8 编码。
<title> </title>该标签用来定义网页的标题,网页标题会显示在浏览器的标签栏。
<body> </body>标签也被称之为主体用来定义网页中我们能通过浏览器看到的所有内容,例如段落、标题、图片、链接等等。
6.第一个html程序
<p>这是我的第一个html程序</p> <!--<p>是一个段落标签不需要添加换行自称一行-->
在页面点击右键后点击open in Default browser保存并允许
注:所有的html文件必须保存后运行才能与编写的程序相对应
运行结果