媒体元素

2021-10-31 10:34:01 作者：互联网

图像与标签

图像标签img

src和alt两项必填

<!--img标签
src:图片地址
分为相对地址和绝对地址
相对地址指的是这个项目内的地址（推荐）
绝对地址指的是计算机内的地址
alt:图片ID
title:悬停文字
width:图片的高
height:图片的宽
-->
<img src="c/**/**……" alt="墨隐" title="点击放大" width="300" height="300">

链接标签a

href为必填

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>阿巴阿巴</title>
    </head>
    <body>
        <!--a标签
href:表示要跳转的页面
taeget:表示窗口在哪里打开
  _blank  在新窗口中打开
  _self  在现网页打开(默认)-->
        <a href="https://www.baidu.com">点击跳转到百度<!--此处为链接显示的样子，可以是文字也可以是图像-->
        </a>
        
    </body>

锚链接

需要一个标记
跳转到标记的位置

使用方法：

 <a name="标记的名称">墨隐最帅</a>

……
……
……

<a href="#标记的名称">回到墨隐最帅</a>

注：要带#号。

跨页面跳转

 <a name="标记的名称.thml#墨隐最帅">墨隐最帅</a>
<!--这里指的是，跳转到标记的名称这个网页里的墨隐最帅-->

功能性链接

邮件链接：moiltoi

<a href="mailto:770533049@qq.com">点击联系我</a><!--点击后就会给我发邮件-->

QQ链接

搜索QQ推广>登录后点击推广工具>然后复制得到的代码到程序

视频和音频

contorls

状态栏

autoplay

自动播放

视频元素video

<video src="视频的地址" contorls></video>
<!--等同于-->
<video src="视频的地址" controls="controls"></video>

音频元素audio

<audio src="音频的地址" contorls></audio>

背景音乐embed

<embed src="" hidden="循环" autostart="自动播放" loop="自动循环播放"/>

也可放置视频

高度 width

宽度 heigth

框架 iframe

用于在一个页面中做到画中画的效果

<iframe src="链接地址" widght="高" heigth="宽"></iframe>

标签：最帅,墨隐,元素,地址,跳转,媒体,链接,页面
来源： https://www.cnblogs.com/sm-zy/p/15488563.html