前端基础 — 如何配置Html环境-主机窝

Html介绍

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。 

超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。

Html前端环境部署

浏览器的选择：推荐使用谷歌浏览器和火狐浏览器

安装编辑器

  1. 常用编辑器：
  2. VSCode phpstorm webstorm
  3. sublime Text adobe Dreamweaver

以VSCode安装方法为例

VSCode下载地址：点击下载
下载完成后安装软件，注意安装过程中尽量不要安装到C盘。
安装完成打开软件按住Ctrl+SHift+x`打开插件安装，搜索`Chinese`点击`Install完成后重启下软件即可切换到中文。

如何创建一个html文件？

1.Html插件安装

按住Ctrl+SHift+x`打开插件安装，搜索`HTML CSS Support`点击`Install完成后重启软件

2.如何创建html文件

点击左上角文件-新建文本文件-Ctrl+s保存-输入以HTML结尾的文件名（如dome.html）

安装实时更新插件

按住Ctrl+SHift+x`打开插件安装，搜索`Live server`点击`Install完成后重启软件
打开html文件写完代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>h1-h6标签的使用</title>
</head>
<body>
        <h1>Hello World</h1>
        <hr>
        <h2>Hello World</h2>
        <hr>
        <h3>Hello world</h3>
        <hr>
        <h4>Hello World</h4>
        <hr>
        <h5>Hello world</h5>
        <hr>
        <h6>Hello workld</h6>
</body>
</html>

右键Open with Live Server选择浏览器自动跳转，这时发现写的代码和浏览器是实时更新的。