这是我参与8月更文挑战的第11天，活动详情查看：8月更文挑战
语法规范
-
<标签名[ 属性名="属性值"...]>[文字内容]</标签名> -
` <标签名[ 属性名="属性值"...] /> 一些特殊的标签可以使用这种简便写法
`
其他知识点
基本概念
内容
任何空格 回车 都不起作用 所有空格 回车 tab 都会被解析为 一个小空格
为一个空格
颜色
rgba()函数
rgba() 函数使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。
RGBA 即红色、绿色、蓝色、透明度（英语：Red, Green, Blue、Alpha）。
\
红色（R）0 到 255 间的整数，代表颜色中的红色成分。。
绿色（G）0 到 255 间的整数，代表颜色中的绿色成分。
蓝色（B）0 到 255 间的整数，代表颜色中的蓝色成分。
透明度（A）取值 0~1 之间， 代表透明度。
十六进制
#000000
#666666 = #666
英文单词
red。。。。
实体字符
>
< <
为一个空格
注释
- 标签分类
- 块级元素
- 可以设置行高
- 自带换行
- 如 div h系列标签。。。
- 行级元素
- 不可以设置宽高
- 不带换行
- 如 span。。。
标签分类以及具体标签
<!DOCTYPE html>本文档遵循什么版本的html
<head></head>
- 意义：描述一个文档的信息以及一些配置
- 属性以及属性值
- 查看效果：无
title
标签定义文档的标题，在所有 HTML 文档中是必需的
意义：
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时的标题
- 显示在搜索引擎结果中的页面标题
属性以及属性值：
meta单
- 元数据（Metadata）是数据的数据信息
link单
意义：
- 标签定义文档与外部资源的关系。
属性及属性值：
- href: url
- 定义被链接文档的位置。
- hreflang: language_code
- 定义被链接文档中文本的语言。
- media: media_query
- 规定被链接文档将显示在什么设备上。
- rel:
- 必需。定义当前文档与被链接文档之间的关系。rel 是 relationship的英文缩写。
- sizes: HeightxWidth
- 定义了链接属性大小，只对属性 rel="icon" 起作用。
- type: MIME_type
- 规定被链接文档的 MIME 类型。
<body></body>
意义：定义文档的主体
属性及属性值：
全局属性
事件属性
文本标签
<br>
意义：插入一个简单的换行符，是一个空标签，意味着它没有结束标签。
属性及属性值：
全局属性
事件属性
查看效果：
输入空行
<hr>
意义：定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线
属性及属性值：
全局属性
事件属性
查看效果：
显示为一条水平线
<p></p>
意义：定义段落
属性及属性值：
全局属性
事件属性
查看效果：创建一个段落
~
意义：用来定义 HTML 标题，
定义重要等级最高的标题。
定义重要等级最低的标题。
属性及属性值：
全局属性
事件属性
查看效果：从大到小的标题
链接标签
<a></a>
意义：定义超链接，用于从一个页面链接到另一个页面，a 元素最重要的属性是 href 属性，它指定链接的目。
属性及属性值：
- download: filename
- 指定下载链接
- href: URL
- 规定链接的目标 URL
- hreflang: language_code
- 规定目标 URL 的基准语言。仅在 href 属性存在时使用。
- mediaNew: media_query
- 规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用.
- rel:
- 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
- typeNew: MIME_type
- 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。
- target: _blank_parent，_self，_top，framename
- 规定在何处打开目标 URL。仅在 href 属性存在时使用。
- _blank：新窗口打开。
- _parent：在父窗口中打开链接。
- _self：默认，当前页面跳转。
- _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。
查看效果：在所有浏览器中，链接的默认外观如下：
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
多媒体标签
<video></video>
意义：定义视频，比如电影片段或其他视频流。目前， 元素支持三种视频格式：MP4、WebM、Ogg。
属性及属性值：
- autoplay：autoplay
- 如果出现该属性，则视频在就绪后马上播放。
- controls：controls
- 如果出现该属性，则向用户显示控件，比如播放按钮。
- height：pixels
- 设置视频播放器的高度。
- loop：loop
- 如果出现该属性，则当媒介文件完成播放后再次开始播放。
- muted：muted
- 如果出现该属性，视频的音频输出为静音。
- poster：URL
- 规定视频正在下载时显示的图像，直到用户点击播放按钮。
- preload：
- auto
- metadata
- none
- 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
- src：URL
- 要播放的视频的 URL。
- width：pixels
- 设置视频播放器的宽度。
查看效果：播放视频
<audio></audio>
意义：定义声音，比如音乐或其他音频流。目前， 元素支持的3种文件格式：MP3、Wav、Ogg。
属性及属性值：
- autoplay：autoplay
- 如果出现该属性，则音频在就绪后马上播放。controlsNew controls 如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）。
- loop：loop
- 如果出现该属性，则每当音频结束时重新开始播放。
- muted：muted
- 如果出现该属性，则音频输出为静音。
- preload：
- auto
- metadata
- none
- 规定当网页加载时，音频是否默认被加载以及如何被加载。
- src：URL
- 规定音频文件的 URL。
查看效果：播放音频
<img>
意义：定义 HTML 页面中的图像。 标签有两个必需的属性：src 和 alt
属性及属性值：
- loading:
- eager：立即加载
- lazy：延迟加载 指定浏览器是应立即加载图像还是延迟加载图像。
- alt: text
- 规定图像的替代文本。
- crossorigin: anonymoususe-credentials
- 设置图像的跨域属性
- height: pixels
- 规定图像的高度。
- src: URL
- 规定显示图像的 URL。
- usemap: #mapname
- 将图像定义为客户器端图像映射。
- width: pixels
- 规定图像的宽度。
查看效果：显示图片
