HTML基本标签(audio、a标签详解) | 零基础学HTML(四)

169 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第13天,点击查看活动详情

  • 音频标签是个双标签<audio></audio> 音频加载后不会自动显示播放器的控制条,需要使用controls属性进行设置,属性值也是controls:<audio src=”media/snow.mp3” controls =”controls”></audio> 音频文件支持的格式包括:.mp3、.ogg、.wav

  • 视频标签和音频标签是一样的设置,视频文件支持的格式包括:.mp4、.ogg、.webm

  • <a>的属性:href全称hypertext reference,超文本引用,用于规定链接的目标地址

    • 属性值:链接目标的路径地址,可以使用相对路径或网址形式的绝对路径
    • href属性非常重要,<a>标签要想实现点击跳转,必须设置该属性,拥有这个属性<a>标签在鼠标上移动时才会显示一个小手指针状态
  • <a>的属性:target可以定义被链接的文档在何处跳转显示

    • 属性值有两种:_self:默认值,表示跳转的页面在当前窗口打开,不会打开新的窗口;_blank:空白的,表示跳转的页面在新窗口打开
  • <a>的属性:title和图片title属性是一样的

  • <a>设置跳转到指定位置

    1.设置锚点:

       方法一:在目标位置找到任意一个标签,给它添加id属性,id的属性值必须是唯一的。id的属性值自定义规则:必须以字母开头,后面可以有字母、数字、下划线和横线,区分大小写:<h2 id=”mubiao”>目标位置</h2>

       方法二:在目标诶之添加一个空的<a>标签,只设置一个name属性,name属性值设置方式与id相同,也必须是唯一的:<a name=”mubiao”></a>

2.添加链接:

       链接到锚点,在需要点击的位置设置<a>标签,给a的href属性设置属性值为#id属性值或者#加a的name属性值:<a href=”#mubiao”>点击文本</a>

  • 跨页面锚点跳转:这种跳转方法综合了跨页面跳转和锚点跳转

       第一步:设置锚点,方式与页面内锚点跳转一致,在目标网页的指定位置设置使用id或name属性

       第二步:链接到锚点,添加超链接时href属性需要更改,属性值写为页面的路径#id:点击文本