Featured image of post Web1_环境搭建

Web1_环境搭建

HTML

基础配置

vscode下载地址 演示

插件下载
1.Chinese (Simplified) 汉化插件 alt text 2.livesever(实时查看修改)
alt text 3.Auto Rename Tag(自动补齐后标签) alt text 4.HTML CSS Support css优化
alt text

创建html文件

选择文件夹
在vscode选择文件夹内新建.html后缀文件点击进入 alt text 在vscode中输入西文!按下tab自动补充html文档结构

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

更改title部分更改标签页名称

1
<title>网页</title>

alt text

本文采用 CC BY-NC-SA 4.0 协议授权,转载请注明出处。
May 23, 2025 13:08 +0800
2332ly