HTML基础入门（三）

目录

一、超链接

1、概念

2、超链接标签

 3、通过超链接实现‘锚点’

4、给网页设置背景颜色、背景图像

5、音频标签

6、视频标签

7、内嵌框架标签 

二、表格的巧用

1、表格嵌套表格

2、表格与表单的嵌套

---

一、超链接

1、概念

当用户点击文字、图像、视频等页面元素时，页面会发生跳转，则这些页面元素就是超链接。

2、超链接标签

<a href="url地址" target="页面打开的方式">页面元素（文字、图像、音频、视频）</a>

'href'属性：值是要跳转的页面的地，,通常用'#'表示空链接，也可选择自己文件夹中的页面作为超链接进行跳转

'target'属性：新页面打开的方式,取值有'_self'和'_blank'

'_self'表示在原窗口打开页面,是'target'属性的默认值

'_blank'表示在新窗口中打开页面

<a href="http://www.baidu.com" target="_blank">百度一下</a>

 3、通过超链接实现‘锚点’

提高页面的检索速度

第一步：在‘锚点’位置给标签添加id属性

第二部：在超链接位置中<a>标签的href属性值为‘#id名’

<a name='top' id="top"> xx</a>
<br><br>
<a href="#top">top</a>

点击下方的超链接，可以回到该页面id属性值为#id的位置。

例如：<a name='top' id="top"> xx</a>在页面顶部
            则点击<a href="#top">top</a>链接就会回到顶部

4、给网页设置背景颜色、背景图像

（1）背景颜色：给body标签添加bgcolor属性

（2）背景图像：给body标签添加background属性

5、音频标签

<audio src="../audio/张晓涵 - 壁上观 (伴奏).mp3"controls='controls' autoplay='autoplay' ></audio>

'controls'属性表示的是标签带有控制按钮

'autoplay'属性表示是否可以进行自动播放，如果在audio标签中不添加autoplay属性，则该音频不会自动播放

'loop'属性表示循环播放

'src'属性表示音频文件的地址

'preload'属性页面加载时音频也加载,并预备播放,若使用了'autoplay'属性则该属性被忽略

6、视频标签