html基础:如何配置html环境

html前端环境部署

浏览器的选择

推荐使用谷歌浏览器火狐浏览器

安装编辑器

常用编辑器:
VSCode phpstorm webstorm
sublime Text  adobe Dreamweaver 

以VSCode安装方法

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

如何创建一个html文件?

1.html插件安装

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

2.如何创建html文件

点击左上角文件-新建文本文件-Ctrl+s保存-输入以HTML结尾的文件名(如dome1.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选择浏览器自动跳转,这时发现写的代码和浏览器是实时更新的。

VPS推荐国内VPS香港VPS高防VPS

无忧云福州高防服务器199元/月,支持试用!无视CC攻击、上层屏蔽UDP、自助防火墙,三天无理由退款!

2022-5-18 23:01:33

VPS推荐

八卦云IDC — 一家傻B坑人的IDC

2022-8-14 14:02:33

搜索