JAVA前端web开发学习资源（三，HTML标签学习：音频，视频，链接）

承接JAVA前端web开发学习资源（二，HTML标签学习：文本与图片）

文章目录

目录

承接JAVA前端web开发学习资源（二，HTML标签学习：文本与图片）

文章目录

前言

一，音频标签

二，视频标签

三，链接标签

---

---

前言

本篇学习内容是承接上篇JAVA前端web开发学习资源（二，HTML标签学习：文本与图片）。此系列文并没有得到很多读者观看，但无妨，毕竟不是进阶版只适合初学者看的资源注定不会有多少人留意，本文也不是项目系列，但是笔者会继续将此系列文写下去。

笔者目前大一结束，已习得C,C#,C++,JAVA，目前即将学习完HTML5，此系列是笔者回顾所做，在做完前端系类后会做项目系列。看情况可能补充笔者学习过的编程语言的系列，也可能接着做数据结构与算法和软考系列的学习笔记总结。笔者会继续努力下去，将编程研究清楚，写出更高质量的文章。

---

一，音频标签

代码：<audio src=" " controls></audio>

作用：在页面插入音频

常见属性：

src：音频的路径

controls：显示播放器的控件

autoplay：自动播放（部分浏览器不支持）

loop：循环播放

注意：音频标签目前支持三种格式：MP3，Wav，Ogg。

二，视频标签

代码：<video src=" " controls></video>

作用：在页面中插入视频。

常见属性（与音频差不多）【补充：例autoplay，在谷歌浏览器中，若要自动播放，则需要配合muted实现静音播放】

注意：视频标签目前支持三种格式：MP4,WebM,Ogg。

三，链接标签

代码：<a href=" ">超链接</a>

作用：从一个页面跳转到另一个页面

称呼：a标签，超链接，锚链接。

特点：（1）双标签，内部可以包裹内容

           （2）如果需要a标签点击之后去指定页面，需要设置a标签的href属性

<a href="https://www.baidu.com>跳转百度</a>

空链接：# 

当网站开发初期，我们还不知到跳转地址的时候，href的值书写为#（空链接）

属性名：target 属性值：目标网页的打开形式

取值	效果
_self	默认值，在当前窗口中跳转（覆盖原网页）
_blank	在窗口中跳转（保留原网页）

例：<a href="https://www.baidu.com" target="_blank">

---