配置HTML运行环境以及第一个网页

目录

1.下载运行环境:

2.安装

3.配置编译环境

4.创建html文件夹

5.基本的html架构各个标签的意思:

 6.第一个html程序


1.下载运行环境:

以下使用VSCode作为html的运行环境的操作步骤。

下方是VSCode的官网:
Download Visual Studio Code - Mac, Linux, Windowsicon-default.png?t=N7T8https://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文件必须保存后运行才能与编写的程序相对应

 运行结果

  • 10
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值