目录
1. HTML 语法规范
1.1 基本语法概述
1.2 标签关系
2. HTML 基本结构标签
2.1 第一个 HTML 网页
2.2 第一个 HTML
2.3基本结构标签总结编辑
3. 网页开发工具
VSCode 的使用
VSCode 工具生成骨架标签新增代码
3.1 文档类型声明标签
3.2 lang 语言种类
3.3 字符集
3.4 总结
1.HTML语法规范
1.1基本语法概述
1. HTML 标签是由尖括号包围的关键词,例如 <html>。
2. HTML 标签通常是成对出现的,例如 <html> 和 </html> ,我们称为双标签。标签对中的第一个标签是开始标签,第二个标签是结束标签。
3. 有些特殊的标签必须是单个标签(极少情况),例如 <br />,我们称为单标签。
1.2标签关系
双标签关系可以分为两类:包含关系和并列关系
2.HTML基本结构标签
2.1第一个HTML网页
每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。
HTML页面也称为 HTML 文档。
2.2第一个HTML
每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写。
HTML 文档的的后缀名必须是 .html 或 .htm ,浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。
此时,用浏览器打开这个网页,我们就可以预览我们写的第一个 HTML 文件了。
2.3基本结构标签总结
3.网页开发工具
VSCode的使用
1. 双击打开软件。
2. 新建文件(Ctrl + N )。
3. 保存(Ctrl + S ), 注意移动要保存为 .html 文件
4. Ctrl + 加号键 ,Ctrl + 减号键 可以放大缩小视图
5. 生成页面骨架结构。输入! 按下 Tab 键。
6. 利用插件在浏览器中预览页面:单击鼠标右键,在弹出窗口中点击“Open In Default Browser”。
VSCode工具生成骨架标签新增代码
1. <!DOCTYPE> 标签
2. lang 语言
3. charset 字符集
3.1文档类型声明标签
<!DOCTYPE> 文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
<!DOCTYPE html>
这句代码的意思是:当前页面采取的是HTML5版本来显示网页.
注意:
1. <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。
2. <!DOCTYPE>不是一个 HTML 标签,它就是 文档类型声明标签。
3.2lang语言种类
用来定义当前文档显示的语言。
1. en定义语言为英语
2. zh-CN定义语言为中文
简单来说,定义为en 就是英文网页, 定义为 zh-CN 就是中文网页
其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文
这个属性对浏览器和搜索引擎(百度.谷歌等)还是有作用的
3.3字符集
字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。
在<head>标签内,可以通过<meta> 标签的 charset 属性来规定 HTML 文档应该使用哪种字符编码。
<meta charset="UTF-8" />
charset 常用的值有:GB2312 、BIG5 、GBK 和 UTF-8,其中 UTF-8 也被称为万国码,基本包含了全世界所有国家需要用到的字符。
注意:上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量统一写成标准的 "UTF-8",不要写成 "utf8" 或 "UTF8"。
3.4总结
1.以上三个代码 vscode 自动生成,基本不需要我们重写。
2. <!DOCTYPE html>文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面。
3.<html lang=“en”> 告诉浏览器或者搜索引擎这是一个英文网站. 本页面采取英文来显示。
4. <meta charset=“ UTF-8” /> 必须写. 采取 UTF-8来保存文字. 如果不写就会乱码.具体原理后面分析。
如果觉得《HTML 语法规范及其基本结构标签》对你有帮助,请点赞、收藏,并留下你的观点哦!