目录
超链接
1.超链接:当用户点击文字、图像、视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接
2.超链接标签:
<a href=’url地址‘ target=’页面打开的方式‘>页面元素(文字、图像、音频、视频)</a>
‘href’属性:值是要跳转的页面的地址,通常用’#’表示空链接
‘target’属性:新页面打开的方式,取值有’_self’和’_blank’
‘_self’:表示在原窗口打开页面,是’target’属性的默认值
‘_blank’:表示在新窗口中打开页面
<a href="http://www.baidu.com" target="_blank">百度一下</a> <!-- 文字超链接 -->
<br><br>
<a href="002.html" target="_blank">进入首页</a>
<br><br>
<a href="http://www.hao123.com" target="_blank">
<img src="../images/avatar.png">
</a>
3.通过超链接实现’锚点’:提高页面的检索速度
第一步:在’锚点’位置给标签添加id属性
第二步:在超链接位置中<a>标签的href属性值为’#id名’
4.给页面设置背景颜色、背景图像
(1)背景色:给body标签添加bgcolor属性
(2)背景图像:给body标签添加background属性
音频标签
<audio src=”../audio/西海情歌.mp3” controls=’controls’ autoplay=’autoplay‘>
‘controls’属性:表示的是标签带有控制按钮
‘autoplay’属性:表示是否可以进行自动播放
‘loop’属性:表示循环播放
‘src’属性:表示音频文件的地址
‘preload’属性:页面加载时音频也加载,并预备播放,若使用了’autoplay’属性则该属性被忽略
<audio src="../audio/西海情歌.mp3" controls='controls' preload="auto"></audio>
视频标签
<video src=”#” controls=’controls’ autoplay=’autoplay‘ poster=”../images/avatar.png“></video>
‘src’属性表示视频文件的url
‘controls’属性表示标签带有播放控制的按钮
‘autoplay’属性表示是否可以进行自动播放
‘poster’属性表示在视频文件下载时显示的图片
‘loop’属性表示循环播放
‘height’属性表示视频播放器的高度
‘width’属性表示播放器的宽度
<video src="#" controls='controls' autoplay='autoplay' poster="../images/avatar.png" width="500"></video>
内嵌框架标签
内嵌框架标签:将页面显示在指定的位置
<iframe src=”002.html” frameborder=”1″ name=”if” height=”600″ width=”400″></iframe>
<table border="1" width='500' height='600'>
<tr>
<td valign='top'> <!-- valign表示是单元格内容的垂直对齐方式,取值有三个:top、middle、bottom-->
<a href="003.html" target="if">百度一下</a>
<br><br>
<a href="http://www.hao123.com" target="if">搜狐</a>
</td>
<td>
<iframe src="002.html" frameborder="1" name="if" height="600" width="400"></iframe>
</td>
</tr>
</table>