HTML标签、格式三

米白蓝

已于 2022-03-02 10:54:30 修改

阅读量141

点赞数

分类专栏： HTML+css 文章标签： html 前端 css

于 2022-03-02 10:51:04 首次发布

本文链接：https://blog.csdn.net/qq_50563868/article/details/123224697

版权

HTML+css 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

<!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>标签</title>
</head>
<body>
  <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.l-O8F13c0fcbPyNq9XmfSAHaE8?w=241&h=180&c=7&r=0&o=5&dpr=1.5&pid=1.7" alt="这是一只可爱的猪猪">
  <img src="" alt="这张图片显示不出来">

  <iframe src="https://www.bilibili.com/video/BV1XJ411X7Ud?p=26&spm_id_from=pageDriver" frameborder="0"></iframe>

  <audio src="./source/shanren.mp3" controls autoplay loop></audio>
  <audio controls>
    对不起，您的浏览器不支持，请升级浏览器！
    <source src="./source/shanren.mp3">
    <source src="./source/shanren.mp3">
    <embed src="./source/shanren.mp3" type="">
  </audio>
  
  <video src=""></video>
</body>
</html>

1.img标签：自结束标签，是替换元素，介于块级元素和行内块元素之间，它是被外部应用的资源所替换；alt属性对图片的描述，描述默认不会显示，有些浏览器会在图片加载失败显示，搜索引擎会利用alt中内容来识别图片；
2.iframe标签：一个内联框架，双标签，用于向当前页面引用一个其他页面，src路径、frameborder表示有没有边框，现在使用少；
3.audio标签：音频标签，属性contorls：是否允许用户控制播放；autoplay：是否允许用户自动播放，但是大多数浏览器不会自动播放音乐；loop：音乐是否循环播放；除了使用src指定文件，还可以使用source来指定文件，这样就可以将不支持的浏览器显示文字，并且可以放多个音频；
4.embed标签：比较老的浏览器使用音频；
5.video标签：引入视频文件；
6.格式

webp：图片格式，谷歌新推出的专门用于表示网页中的图片的一种格式，具备了图片格式的所有优势，且文件格式小，但是它的兼容性不好；
base64：将图片使用base64进行编码，可以将图片转换为字符，通过字符形式来引用图片，使用少，在需要和网页一起加载的图片才会使用；（图片在线转换base64）

米白蓝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签、格式三

<!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>标签</titl
复制链接

扫一扫