Web前端开发技术-HTML5基础-标签总结（二）

13.超链接

1.超链接语法

<a href="" title="提示信息" target="窗口名称">这里可以放文本，图片等</a>

• href：链接指向的目标文件；
• title：指向链接时显示的提示信息；
• target：打开窗口的方式；
  其中target的属性有：
  _self 在当前窗口打开；
  _blank 在一个新的窗口打开；
  _top 在顶层框架中打开；

2.超链接路径

a.绝对路径：指文件的完整路径，包括盘符和文件传输的协议http、ftp，一般用于网站的外部链接。形式为【协议://域名/文件名】，例如http://www.baidu.com。
b.相对路径：指相对于当前文件的路径。其中链接到上一目录时，要输入../

练习素材：
链接：https://pan.baidu.com/s/1LSQ7_vVIADXcKj8uoPEyYQ
提取码：1gne

3.电子邮件超链接

<a href="**mailto**:1234567890@qq.com?**suject**=主题**&body**=hello!**&cc**=111@qq.com;222@qq.com**&bcc**=333@qq.com">点击这里发送邮件</a>

其中suject是主题，cc是抄送，bcc是密送。
4.书签链接

• 定义书签：

 <a  name="书签名">书签标题</a>

• 定义书签链接：

  <a  href="#书签名">书签标题</a> <!--同一页面-->

<a  href="URL#书签名">书签标题</a><!--不同页面-->

5.浮动框架

<iframe 属性名称='value' name="浮动框名称"></iframe>

<a href="target.html"  target="要链接到的浮动框名称">链接标题</a>

属性;

• src 源文件
• frameborder 框架边框
• scrolling 框架滚动条
  6.设置图像热区

<img src="图像地址" usemap="#映射图像名称">
<map name="映射图像名称">
	<area shape="热区形状（rect矩形 circle圆形 poly无规则图形）"  coorde="热区坐标" href="">
</map>

7.滚动文字

<marquee 属性="value">滚动内容</marquee>

属性：

• 文字背景颜色bgcolor=" "
• 循环滚动次数loop=“5” 五次
• 滚动方向 direction=“up/down”
• 滚动方式behavior=“scroll循环滚动，默认的；slide滚动一次就停止；alternate来回滚动”
• 滚动速度scrollamount=“16px” 滚动延迟scrolldelay=“1000”
  8.音频 视频 Flash文件

 <embed src="" hidden="true"></embed>

<audio controls="controls" autoplay="autoplay" muted="静音播放"></audio>

<video controls="controls" autoplay="autoplay" muted="静音播放" poster="封面" ></video>