HTML的超链接、视频、音频及内嵌框架

一、超链接

超链接:当用户点击文字、图像、视频等页面元素时,页面会发生跳转,则这些页面元素就是超链接
1、超链接标签:
<a href='url地址' target='页面打开的方式'>页面元素(文字、图像、音频、视频)</a>

'href'属性:值是要跳转的页面的地址,通常用'#'表示空链接

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

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

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

2、通过超链接实现'锚点':提高页面的检索速度
   第一步:在'锚点'位置给标签添加id属性
        
  第二步:在超链接位置中<a>标签的href属性值为'#id名'
  

二、音频标签 

<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"></video>
 
'src'属性表示视频文件的url
  'controls'属性表示标签带有播放控制的按钮
  'autoplay'属性表示是否可以进行自动播放
  ‘poster'属性表示在视频文件下载时显示的图片
  'loop'属性表示循环播放
  'height'属性表示视频播放器的高度
  'width'属性表示播放器的宽度

四、内嵌框架标签:将页面显示在指定的位置

<iframe src="002.html" frameborder="1" name="if" height="600" width="400"></iframe>

おすすめ

転載: blog.csdn.net/qq_48315043/article/details/120623941