一、运行到谷歌浏览器。

二、工程目录。

 三、项目代码与注释。

style.css

div{color:pink;background-color: blue;width: 18.75rem;height: 18.75rem;/* 实线 */border:0.625rem red solid;/* 虚线 */border:0.625rem black dashed;/* 点线 */border:0.625rem black dotted;/* 双线 */border:0.625rem black double;/* 从上往下执行,后面的覆盖前面的 */}

index.html

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>css基础</title><!-- 下面是内部样式的引用方法 --><style type="text/css">p{color:pink;background-color:black;}</style><!-- 下面是外部样式的引用方法 --><link rel="stylesheet" type="text/css" href="css/style.css"/></head><body><p>今天直播间好冷</p><div id="">但是小面包的心是热的</div><!-- 下面是行内样式的引用方法 --><p style="color: aqua;">1128期的同学们,很高兴认识你们,相遇即是缘分</p><!-- /* 下面是音视频标签的学习 */--><audio src="img/5839838.mp3"controls="controls"autoplay="autoplay"loop="loop" >当前浏览器不支持audio</audio><br><video src="img/11.mp4"controls="controls"autoplay="autoplay"loop="loop"></video></body>
</html>

网页中插入视频与音频---HBuilder相关推荐

  1. 网页中插入视频无法播放解决问题

    网页中插入视频: <video controls="controls" width="600" height="400">< ...

  2. java html中引入视频的格式_怎么在HTML网页中插入视频

    展开全部 向HTML中插入视频有两种方法e68a8462616964757a686964616f31333366306433,一种是古老的object标签,一种是html5中的video标签. 前者兼 ...

  3. 如何在html网页中插入视频(以及让视频自动播放的问题)

    直接进入正题: 关于视频的插入可使用 video标签 如下图 简单介绍下用到的几个属性 class定义了video类 在style中调整这个类的长度和高度属性: src处引入视频的链接: contro ...

  4. html 网页中插入视频没有画面只有声音的问题

    在html中插入视频,没有画面只有声音. <video width="100%" height="100%" controls="control ...

  5. HTML网页中插入视频的方法

    现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.Chrome),支持H.264的(Safari.IE ...

  6. 如何在网页中插入视频(简单实用)

    很多人会问在网页中怎么插入视频,在HTML5中有新标签--video标签,但是兼容性可就没那么好了. 下面这段代码可以直接使用,里面的几个路径注意一下. <object classid=&quo ...

  7. 怎么在html详情页加视频,如何在网页中插入视频(简单实用)

    很多人会问在网页中怎么插入视频,在HTML5中有新标签--video标签,但是兼容性可就没那么好了. 下面这段代码可以直接使用,里面的几个路径注意一下. 注意一下里面的几个参数. http://xwz ...

  8. 【转】HTML网页中插入视频各种方法

    现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.Chrome),支持H.264的(Safari.IE ...

  9. 网页中插入视频播放,音频播放,自动验证输入框格式

    <body>         <progress value="30" max="100" min="1" >进度条 ...

  10. java怎么在页面插入视频,如何在博客园中插入视频、音频、网页

    相信很多人都有这样的经历,当我们想在博客中插入视频.音频或者其他网页时,往往效果并不是我们想要的,因此分享一个小技巧: 1. iframe 是HTML语言的一个标签,标签定义了一个内联框架,这个内联框 ...

最新文章

  1. DL之Encoder-Decoder:Encoder-Decoder结构的相关论文、设计思路、关键步骤等配图集合之详细攻略
  2. 测试工具iometer, iozone, bonnie++
  3. 大牛深入讲解!最经典的HashMap图文详解
  4. ZOJ 1057 Undercut(简单模拟)
  5. Django数据库补充之事务
  6. Xamarin.Android 隐藏软键盘
  7. Python Socket(未编辑)
  8. UIBlock 按钮图片设置
  9. 计算机周杰伦谱子,我好想要周杰伦稻香的电脑键盘钢琴琴谱br/请问哪位大侠知道的? 爱问知识人...
  10. 遥感原理与应用读书笔记(遥感平台、遥感传感器)
  11. 16/24点阵字库(经典)
  12. flask中jinjia2的学习
  13. 使用Reverse SSH Tunnel实现内网穿透的可行性方案
  14. 共享店铺靠谱么?共享店铺哪家好?全方位测评企雀共享店铺,黑谷共享店铺!
  15. wpf 字体模糊_WPF Effect 造成的字体模糊
  16. js分割thymleaf的字符串
  17. 成长为架构师途中的11个谣言(附能力模型)
  18. 金蝶EAS客户端自定义菜单脚本导出
  19. fastboot unlock手机步骤
  20. HTML5 css4

热门文章

  1. 微信建群怎么建?2个方法,快速学会!
  2. 通过 ANE(Adobe Native Extension) 启动Andriod服务 推送消息(三)
  3. 数据处理笔记6:缺失值填充
  4. 2022英语词汇积累
  5. HNOI2004宠物收养所
  6. 全息投影是计算机技术吗,3D全息投影技术怎么应用在展厅的?
  7. 红蜻蜓抓图软件测试简历,红蜻蜓抓图精灵
  8. 唐玄奘:不要因为走得太远,而忘了为什么出发
  9. python turtle图片保存_turtle绘图保存png,jpg等图片
  10. BZOJ4484: [Jsoi2015]最小表示