1. 图片与超链接标签
(1) 图片标签
标签用来在网页中插入图片
例如：<img src = "images/gugong.jpg">
图片必须要复制到项目文件夹中，一般将图片保存到项目文件夹中的images子文夹中,图片路径必须写 正确，后缀名.jpg必须要写,图片只是被引入到了网页中，将来要把图片也一起上传到服务器上。
alt属性是对图像的文本的描述，不是强制性的，如果由于某种原因无法加载图像，浏览器会在页面上显示alt属性中的备用文本。
width、height属性分别设置宽度和高度，单位是像素，但是不需要写单位,如果省略其中一个属性，则表 示按原始比例缩放图片。
网页支持的图片格式
.bmp windows画图软件默认保存的格式，位图
.gif 支持动画
.jpeg(jpg) 有损压缩图片，用于照片
.png 便携式网络图像，支持透明和半透明
.svg 矢量图片
.webp 最新的压缩算法非常优秀的图片格式
相对路径：描述从网页出发，如何找到照片。
绝对路径：描述图片精准地址。
(2) 超级链接
超级链接是将网页和网页连结到一起的方法，是互联网成”网“的原因。
使用< a>标签制作超级链接。
< a href ="2.html">去第二个网页< /a>
href属性支持相对路径和绝对路径。
< a>标签的title属性，用于设置鼠标的悬停文本。
在新窗口中打开网页需要将< a>标签的target属性设置为blank
< a href ="2.html" target="blank">去第二个网页< /a>
给图片设置超级链接，只需要用< a>标签包裹img标签
<a href="2.html" target= "blank">
<img src="images/goblin.png">
< /a>
页面内锚点，在较长的页面，可以适当的给h系列添加id属性，当网址后面添加#时，页面将自动滚到锚点所在位置。
下载链接：指向exe、zip、rar等文件格式的链接，将自动成为下载链接。
例如：<a href="1.zip">下载< /a>
邮件链接：有mailto:前缀 例如：<a href="mailto:me@test.com">发邮件< /a>
电话链接：有tel:前缀 例如：<a href="tel:12306">买车票< /a>
2. 音频与视频
(1) 音频
在浏览器中插入音频需要使用< audio>标签，兼容到IE9,常见音频格式为mp3和ogg格式。
例如：<audio controls src="音频地址">< /audio>
声明autoplay属性，音频会自动播放。
声明loop属性，将循环播放音频。
(2）视频
在浏览器中插入音频需要使用< video>标签，兼容到IE9,常见视频格式为mp4、ogv、webm等格式。
例如：<video controls src="视频地址" loop autoplay >< /video>
3. 大纲与语义化标签
(1) 大纲标签
区块标签 说明
< section> 文档的区域，语义比div大
< article> 文档的核心文章内容，会被搜索引擎主要抓取
< aside> 文档的非必要相关内容
< nav> 导航条
< header> 页头
< main> 网页核心部分
< footer> 页脚
(2) 语义化标签
< span>标签是文本中的“区块”标签，本身没有任何特殊的显示效果，可以结合CSS来丰富样式。
< b>、 < u>、< i>标签分别为加粗、下划线、倾斜的文字。
< strong>、< em>、< mark>标签均表示强调语义， < strong>代表特别重要的文字(加粗），< em>代表强调文字（斜体），< mark>代表一段需要被高亮的 文字。
< figure>元素代表一段独立的内容，与说明< figcaption>配合使用，是一个独立的引用单元。
