html 媒体标签 页面跳转--demo小练习

demo1

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>腾讯科技高级web前端开发岗位</h1>
    <hr/>
    <h3>职位描述</h3>
    <p>负责重点项目的前端技术方案和架构的研发和维护工作<a href="demo11.html">audio</a></p>
    <h3>岗位要求</h3>
    <p>
        5年以上的开发经验,<strong>精通html<</strong>
        <a href="demo12.html">video</a>
    </p>
    <h3>工作地址</h3>
    <p>上海海淀</p>
    <img src="C:\Users\cjy\Desktop\图片\222932570947043664.jpg" width="100px">
</body>
</html>

demo11

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>你好</h1>
    N7music - 疯狗<br>
    
    <audio src="N7music - 疯狗.mp3" controls="controls">歌曲
    </audio> 
</body>
</html>

demo12

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>你好 请看视频</h1>
     <video src="20210831_132524.mp4" height="200px"" controls="controls">录屏视频</video>
</body>
</html>

相关知识点https://editor.csdn.net/md/?articleId=121262606

猜你喜欢

转载自blog.csdn.net/faith_girl/article/details/121271466
今日推荐