html中的替换元素

html 专栏收录该内容
5 篇文章 0 订阅
  • 图片标签 img
    它是一种替换元素。即有块元素的特性又有行内元素的特性
    属性:
    • src      图片的路径,,可以引用本地图片,也可以引用网络图片
    • alt       图片的描述,默认情况下不会显示,当浏览器无法加载图片时,会显示该文本
    • width   图片的宽度
    • height  图片的高度
      一般情况下只改宽度或高度其中一个。
      <img src="./girl.jpg" alt="美女图片" width="800">
      <img src="http://pic1.win4000.com/cover/2019-11-27/20191127143233_57495_250_300.jpg" alt="">
      
    • 常用图片格式
      • jpeg
        网络中使用最多的图片格式。颜色丰富,不支持透明图片,不支持动画
      • png
        可以保存透明图片,不支持动画。压缩没有jpeg好
      • gif
        图片带有动画效果,支持简单透明,支持颜色少。
      • webp
        谷歌推出的新一代图片格式
        有上面图片所有的优点,兼容性差。但在国内用的不多
      • base64
        将图片编码成base64,用于需要图片与网页同时加载时使用。
  • 内联框架 iframe
    在当前页面引入另一个页面,用得不多。不会被搜索引擎爬取
    属性:
    src           另一个页面的路径
    frameborder     有无边框
    <iframe src="http:\\www.baidu.com" width="800px" height="600px" frameborder="0"></iframe>
    
  • 音频标签
    在当前位置插入一个音乐组件
    属性:
    controls  允许用户控制播放
    autoplay 自动播放(一般浏览器都不支持)
    src          音乐文件地址
    <audio src="./source/ラムジ-PLANET.mp3" controls="controls"></audio> 
    
    为了兼容老版本浏览器一般这样写
        <audio controls>
            <!-- 对不起,当前浏览器不支持播放,请升级您的浏览器! -->
            <source src="./source/ラムジ-PLANET.mp3"></source>
            <source src="./source/ラムジ-PLANET.ogg"></source>
            <embed src="./source/ラムジ-PLANET.mp3" type="audio/mp3">
        </audio>
    
  • 视频标签
    在当前位置插入一个视频组件
    <video src="./source/01.mp4" controls="controls"></video> 
    
    为了兼容老版本浏览器一般这样写
    <video controls>
            <source src="./source/01.mp4">
            <source src="./source/01.webm">
            <embed src="./source/01.mp4" type="video/mp4">
    </video>
    
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 数字50 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值