HTML入门–Day1
一、基础知识
二、实战
1.安装vscode环境(网上搜)
- 下载地址:
http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSetup-x64-1.52.1.exe. - 新建文件 ctrl + N
- 输入!按下tab 生成html页面骨架结构
- 安装插件
(1)ctrl + shift + p -->输入ext install–>输入插件名
(2)鼠标点击
2.vscode插件(1、 2 、4)
三、HTML骨架标签
1.骨架格式
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
小结:
标签名 | 说明 |
---|---|
<html></html> | 页面最大的标签,根标签 |
<head></head> | 网页的头部,必设title标签 |
<title></title> | 网页标题 |
<body></body> | 网页的主体,页面内容基本放到body里面 |
2.自动生成的HTML模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
细节:
-
文档类型声明标签
<!DOCTYPE html> 当前页面采用的是HTML5版本来显示网页 -
lang语言种类
<html lang=“en”> en表示英语网页,zh-CN表示中文网页 -
字符集
<meta charset=“UTF-8”> charset属性规定HTML文档应该使用哪种字符编码,常用的值有GB2312、BIG5、GBK和UTF-8。UTF-8也称万国码,基本包含了全世界所有国家需要用到的字符。