01-HTML 语法规范
<html> </html> //标签成对出现，开始，/结束标签（双标签）
<br/> //单标签（特殊）
标签关系
1.包含关系
<head>
<title></title> //父子关系
</head>
2.并列关系
<head></head>
<body></body> //兄弟关系
02-HTML基本结构标签
<html>
<head>
<title> document </title>
</head>
<body>
this is a html Web page。
</body>
</html>
03-网页开发工具
1.<!DOCTYPE>标签 //不是HTML标签
文本类型声明，用哪种HTML版本来显示页面
eg:<!DOCTYPE html>
当前页面采用HTML5版本来显示页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Array</title>
</head>
2.lang语言种类
en定义语言为英文，zh-CN定义为中文网页
对于文档显示来说，en文档可以显示中文，zh-CN文档也可以显示英文
3.charset字符集
识别和存储各种文字
在<head>标签中，可通过<meta>标签的charset属性来规定HTML文档该用哪种字符编码
eg:<meta charset>="UTF-8"/>
常用的值有：
GB2312 简体中文 BIG5 繁体中文 GBK=GB2312+BIG5 UTF-8 万国码
总结：
以上代码vscode自动生成，不需要刻意记忆。
04-HTML常用标签
标签语义：标签的含义（重点） 合适的地方放合理标签，使页面结构更清晰
1.标题标签
-
我是一级标签
//h是head的缩写
作为标题使用，依据重要性递减
（1）加了标题的文字会变得加粗，字号会依次变大
（2）一个标题独占一行
我是一级标签
//h是head的缩写 作为标题使用，依据重要性递减 （1）加了标题的文字会变得加粗，字号会依次变大 （2）一个标题独占一行2.段落和换行标签
标签用于定义段落 paragraph
我是一个段落标签
特点：文本在一个段落根据浏览器窗口大小自动换行，段落与段落之间保有空隙
**3.
换行标签 **
与break一样为 单标签
另起一行中间没有空隙
4.文本格式化标签
突出重要性，比普通文字更重要
加粗 //语义更强烈
倾斜 //语义更强烈
删除 //语义更强烈
下划线 //语义更强烈
5. 6.图像标签和路径 （1）图像标签 （2）图像路径 1.图像标签有多个属性，必须写到标签名的后面 目录文件夹和根目录和子目录 1.同一级路径：图片和HTML文件同一级，如 7.超链接标签 链接分类： 1.注释 2.特殊字符 字符型空格符 < 小于号 <//less than> 大于号>//great than& 和号&￥人民币¥℃摄氏度 °±正负号 ±×乘号× 当然我们很难记住这些用法，经常查阅文档是一个非常好的学习习惯！
没有语义，是一个盒子，用来装内容
//跨度跨区 一行可以放多个 小盒子
用于定义HTML页面中的图像 //单标签
image
src是图像的必须属性，它用于指定图像文件的路径和文件名
属性：属于这个图像标签的特性
其他属性： src 图片路径 必须属性
alt 文本 替换文本，图像不能显示的文字
title 文本 提示文本。鼠标放在图像上，显示的文字
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 像素 设置图像的边框粗细
2.属性之间不分先后，部分顺序，要用空格分隔
3.采用键值对的格式，eg:key ="value" 属性 = “属性值” 相对路径：引用文件所在的位置为参考基础，从而建立出目录路径。即图片相对于HTML页面的位置
2.下一级路径：图片和HTML文件下一级，如
3.上一级路径：图片和HTML文件上一级，如
绝对路径：目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径
在HTML标签中，标签用于定义超链接，作用是一个页面链接到另一个页面 （anchor 锚）
1.链接的语法格式
文本或图像
href:用于指定链接目标的url地址（必须属性），具有超链接的功能
target:用于指定链接的打卡方式，期中_self为默认值，_blank为在窗口中打开方式
1.外部链接
2.内部链接
3.空链接：#是空链接
4.下载链接
5.网页元素链接：如文本、图像、表格、音频、视频等
6.锚点链接：快速定位页面的某个位置：
在链接文本的href属性中，设置属性值为#名字的形式eg:第二集
找到目标位置标签，添加一个id属性=刚才的名字，eg:第二集介绍
05-HTML中的注释和特殊字符
如果需要在HTML文档中添加一些便于理解但不需要在页面中显示的注释文字，使用注释标签
结束 快捷键ctrl+/06-查阅文档
推荐网址： 1.百度 www.baidu.com
2.W3C www.w3school.com.cn
3.MDN developer.mozilla.org/zh-CN/
版权归原作者 new Chuangm(){}; 所有， 如有侵权，请联系我们删除。