Html
超文本标记语言；定义网页中有什么
<!DOCTYPE html>文档声明，解释给浏览器渲染什么格式文档
<head>标签头，解释给浏览器的
<meta>标签头信息解释，要解释给浏览器的信息。
<title>网页的标题。
<pre>预格式化文本元素，表示不希望元素内容中的空格被折叠；pre的本质就是内部有一个默认css代码。
<code>表示内容为代码，不希望被执行或被折叠。
路径的写法
站内资源和站外资源
站内资源：当前网站的资源
站外资源：非当前网站的资源
绝对路径和相对路径
站外资源：绝对路径
站内资源：相对路径
- 绝对路径
绝对路径的书写格式：
url地址：
协议名://主机名:端口号/路径
schema://host:port/path
当跳转目标和当前页面的协议相同时，可以省略协议
- 相对路径
以./开头，./表示当前资源所在的目录
可以书写../表示返回上一级目录
相对路径中：./可以省略
a元素
超链接
href属性
hyper reference：通常表示跳转地址
1. 普通链接
2. 锚链接
#号为锚点，后面的为跳转ID
写法为
<a href="#zbc">第三段</a>
<p id="zbc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores omnis molestias recusandae ea modi rem enim dolorem velit sit, sapiente voluptatum reiciendis explicabo vitae neque aliquam officia exercitationem voluptas dignissimos.</p>
若是跳转的为本页面的某个页面则页面不刷新，但链接会变
若是跳转的为非本页面的某个页面则页面刷新，链接会变
id属性：全局属性，表示元素在文档中的唯一编号
3. 功能链接
点击后，触发某个功能
- 执行JS代码，javascript:
<a href="javascript:alert:('你好')">
弹出，你好</a>
- 发送邮件，mailto:
要求用户计算机上安装有邮件发送软件：exchange
- 拨号，tel:
要求用户计算机上安装有拨号软件，或使用的是移动端访问
## target属性
表示跳转窗口位置。
target的取值：
- _self：在当前页面窗口中打开，默认值
- _blank: 在新窗口中打开
图片元素
image缩写，空元素
src属性：source（资源的意思，里面书写资源的路径）
alt属性：当图片资源失效时，将使用该属性的文字替代图片
## 和a元素联用
<a href="">
<img src="" alt="">
</a>
map元素
map：地图
map的子元素：area
衡量坐标时，为了避免衡量误差，需要使用专业的衡量工具：
若无以下软件可用qq，微信截屏来取坐标代替
ps、pxcook、cutpro（本人开发！课程老师私人开发）
## 和figure元素
指代、定义，通常用于把图片、图片标题、描述包裹起来
子元素：figcaption
多媒体元素
video 视频
audio 音频
video
controls: 控制控件的显示，取值只能为controls
举例
大可省略等于号后面的，直接写controls就可以了。
某些属性，只有两种状态：1. 不写 2. 取值为属性名，这种属性叫做布尔属性
布尔属性，在HTML5中，可以不用书写属性值
autoplay: 布尔属性，自动播放。
muted: 布尔属性，静音播放。写就有，不写就没有，哪怕只写一个属性名也可以
举例
loop: 布尔属性，循环播放
audio
和视频完全一致
兼容性
-
旧版本的浏览器不支持这两个元素
-
不同的浏览器支持的音视频格式可能不一致
mp4、webm
列表
列表元素
有序列表
ol: ordered list
li：list item
无序列表
把ol改成ul
ul：unordered list
无序列表常用于制作菜单 或 新闻列表。
定义列表
通常用于一些术语的定义
dl: definition list
dt: definition title
dd: definition description
容器元素
容器元素：该元素代表一个块区域，内部用于放置其他元素
div元素
没有语义,就是块盒
语义化容器元素
header: 通常用于表示页头，也可以用于表示文章的头部
footer: 通常用于表示页脚，也可以用于表示文章的尾部
article: 通常用于表示整篇文章
section: 通常用于表示文章的章节
aside: 通常用于表示侧边栏
