1.3 媒体元素

图像与标签

图像标签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:表示要跳转的页面
target:表示窗口在哪里打开
  _blank  在新窗口中打开
  _self  在现网页打开(默认)-->
        <a href="https://www.baidu.com">点击跳转到百度<!--此处为链接显示的样子，可以是文字也可以是图像-->
        </a>
        
    </body>

锚链接

  1. 需要一个标记

  2. 跳转到标记的位置

    使用方法：

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

注：要带#号。

跨页面跳转

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

功能性链接

邮件链接：moiltoi

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

QQ链接

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

框架 iframe

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

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

与a标签和锚链接的应用

<iframe src="" name="我的博客" widght="1000px" heigth="800px"></iframe>
<a href="https://www.cnblogs.com/" target="我的博客">我的博客</a>

 

视频和音频

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

 

posted @ 2021-10-31 10:23  始墨......至隐  阅读(53)  评论(0)    收藏  举报