前端HTML基础，图像、视频标签属性的使用

一、图片<img> 是空标签，它只包含属性，没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。

1、src 的值是图像文件的 URL(图片的网址链接)，也就是引用该图像的文件的的绝对路径或相对路径。

2、alt 规定图像的替代文本即当图片未成功显示的时候显示的文本信息。title 设置鼠标悬停时显示的内容（一般不用设置）。此外还可以通过设置 width 和 height 的值来设置图片的宽和高。

例：

<img src="http://labfile.oss.aliyuncs.com/courses/1236/coder.jpg" alt="程序猿" title="你好啊" width="700px" height="600px"/>

这种路径是以引用文件的网页所在位置为参考的基础，而建立出的目录路径。所以，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，因此称之为相对路径。 

3、当图像文件和 HTML 文件位于同一文件夹：只需输入图像文件的名称即可，比如：<img src="syl.png" />

图像文件位于 HTML 文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，比如：<img src="img/img1/syl.png" />。

图像文件位于 HTML 文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，比如：<img src="../syl.png" />。

  视频的嵌入（video标签）

<video src="视频地址"> 视频描述</video>

video标签常用的属性：

autoplay：值为autoplay，此属性若存在，则视频就绪后会立即播放。

controls：值为controls，这个属性意思为向用户显示一些控件，比如播放按钮。

height：值为pixels，此属性设置视频播放器的高度。

loop：值为loop，当媒介文件播放完成后再次开始播放。

preload：值为preload，视频在页面加载时进行加载，并预备播放如果使用了自动播放（autoplay）属性则忽略该属性。

src：值为url，要播放视频的url地址。

width：值为pixels，设置视频播放器宽度的属性。