文章目录
一、HTML基本结构标签二、VSCode工具创建页面三、网页开发工具1. 基本骨架2. 文档类型声明标签3. lang语言种类4. 字符集 `Character set`一、HTML基本结构标签
每个网页都有一个基本的结构标签(又称为骨架便签),页面内容也是在这些基本标签上书写
二、VSCode工具创建页面
新建文件**Ctrl + N**
保存**Ctrl + S**
放大缩小视图Ctrl +Ctrl -
生成页面骨架!+ Tab
利用插件open in brower
在浏览器打开预览页面,快捷键Alt + B
Auto Rename Tag
CSS Peek
三、网页开发工具
1. 基本骨架
<!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>
2. 文档类型声明标签
告诉浏览器是用哪个版本的HTML来显示网页
一定要处于文档最前面
不是HTML标签,而是文档类型声明标签
<!DOCTYPE html> # html即HTML5版本
3. lang语言种类
用来定义当前文档显示的语言简单来说就是en
为英文网站,zh-CH
为中文网页但对于文档显示而言,定义为en
的也可以显示中文,zh-CN
也可以显示英文<html lang="en"> # en代表英文,zh-CN代表中文
4. 字符集Character set
在head标签内规定规定HTML文档使用哪种字符编码charset常用的值有:GB2312、BIG5、GBK和UTF-8,UTF-8为万国码,基本包含全世界所有国家需要用到的字符<meta charset="UTF-8">
笔记学习地址:/video/av80149248