见习工程师-Visual Studio Code的安装-HTML准备
HTML
工具准备
Visual Studio Code
Google Chrome
在扩展里安装
Chinese(Simplified) Language —- 界面汉化
Live Server —- 代码实时运行（不必时时刷新）
ctrl + / —- 注释当前行（typroa为可视化代码）
HTML结构
//windows下形成当前文件夹下目录树// tree /f > list.txt
├─C1_web
│ └─01_html基础
│ ├─css
│ ├─img
│ └─js
将该01_html基础目录直接拖至Visual Studio Code窗口就可打开
新建index.html
输入英文状态下!后再按下Tab键，就可行成
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| <!DOCTYPE html>
//<!-- 使用HTML5的标准进行文档解析 -->
<html lang="en">
//<!-- 根标签 -->
<head>
//<!-- 引入与网页相关的描述及配置信息 -->
<meta charset="UTF-8">
<meta name="keywords" content="CSDN,C1,CEGE">
//<!-- 引入keywords，便于网络爬虫 -->
<meta name="description" content="关于C1学习的练习文档">
//<!-- 引入description -->
<meta name="author" content="XIAN">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
//<!-- 窗口大小 -->
<title>CEGECSDN</title>
//<!-- 标题名称 -->
</head>
<body>
//<!-- 正文 -->
HELLO CSDN!
</body>
</html>
|
右键 –> open with live sever
即可用浏览器打开
