[HTML]Web前端开发技术4（HTML5、CSS3、JavaScript ）图像与多媒体文件hspace，vspace，scrollamount，bgcolor，marquee——喵喵画网页

最新推荐文章于 2025-06-06 18:04:50 发布
最新推荐文章于 2025-06-06 18:04:50 发布
阅读量3.3k 收藏 158
点赞数 157
分类专栏： 喵喵画网页 文章标签： 前端 html html5 网页制作 计算机学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ormstq/article/details/134583332
版权
本文详细介绍了HTML5中图像、多媒体文件的处理，包括图像的属性设置、滚动文字的创建与控制，以及HTML5的<audio>和<video>标签在插入音频和视频文件中的应用。通过实例讲解了各属性的用法，帮助读者掌握网页动态效果和多媒体元素的添加。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

希望你开心，希望你健康，希望你幸福，希望你点赞！

最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！

喵喵喵，你对我真的很重要！

目录

前言

图像与多媒体文件

网页文件常见的图像格式有：

图像

设置图像的替代文字

设置图像的宽度和高度

设置图像的边框

设置图像对齐方式及间距

设置图像热区链接（理解）

滚动文字

添加滚动文字

添加滚动文字

设置滚动文字背景颜色与滚动循环

设置滚动方向与滚动方式

设置滚动速度与滚动时延

设置滚动范围与滚动空白空间

音频、视频及Flash文件

HTML5 视频与音频

video 标记及属性

课后练习

练习html5中的audio标签，插入音频文件。

练习html5中的video标签，插入视频文件

总结

前言

这一页好多视频，不好给效果啊，需要材料的佬佬，私信喵喵呀！

• 掌握图像 img 标记语法及属性设置方法。
了解本专栏 订阅专栏 解锁全文 超级会员免费看
html5
zgq12345zgq的博客
09-06 970
<hr />是单标记，在网页中输入一个<hr />，就添加了一条默认样式的水平线。 br: 换行标记 : < /> 用于实现段落强制换行的效果。 //PNG GIF JPG三者的区别 src属性用于指定图像文件的路径和文件名 2.alt:图像的替换文本属性，在图像无法显示时告诉用户该图片的内容。 width和height:用来定义图片的宽度和高度，通常我们只设置其中的一个，另一个会按原图等比例显示。 border:为图像添加边框、设
html中Marquee属性详解(滚动显示文本/图片)
热门推荐
鄢潆
08-19 1万+
align:    对齐方式 LEFT，CENTER，RIGHT，TOP，BOTTOM (不用多说了)behavior:    用于设定滚动的方式，主要由三种方式：behavior="scroll":    表示由一端滚动到另一端；behavior="slide":    表示由一端快速滑动到另一端，且不再重复；behavior="alternate" :    默认值——表示在两端之间来回滚动。
Web前端开发技术——HTML5、CSS3、JavaScript
2301_79690805的博客
04-22 1932
Web前端开发技术——HTML5、CSS3、JavaScript
Web前端开发技术 第1-6章
崚嶒
05-20 1797
Web前端开发技术笔记整理
html5 css3 marquee,marquee的详细用法解析
weixin_35627928的博客
06-22 314
marquee的详细用法解析更新时间：2006年08月28日 00:00:00 作者：先看下marquee的html属性BEHAVIOR="…"BGCOLOR="…"DIRECTION="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLAMOUNT="…"SCROLLDELAY="…">…align:--对其方式LE...
网页制作07-html,css,javascript初认识のhtml添加多媒体
Ama_tor的博客
02-23 680
在网页中，，除了可以添加文本和图像之外还可以插入动画声音视频等媒体元素，如滚动效果、 Flash、 Active x以及midi声音文件等2)语法:滚动方向有4个取值：up,down,left,right滚动的速度实际上是设置每次滚动时移动的长度以像素为单位 5、滚动延迟scrolldelay 设置滚动的时间间隔,单位是毫秒默认情况下的滚动是无限循环,如果想设置滚动次数则用loop默认的情况下水平滚动的文字背景与文字同高与浏览器窗口同宽，宽度和高度参数可以调整其水平和垂直的范围为了突出滚动某部分内容，
web前端期末大作业——用HTML+CSS做一个漂亮简单的电影主题网站
qq_3200628753的博客
08-11 701
精彩专栏推荐👇🏻👇🏻👇🏻👇🏻 ❤ 【作者主页——获取更多优质源码】 ❤ 【web前端期末大作业——毕设项目精品实战案例(1000套)】1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Websto......
html marquee css,HTML之marquee(文字滚动)详解_html/css_WEB-ITnose
weixin_29279101的博客
07-19 2225
语法：以下是一个最简单的例子：代码如下:Hello, World下面这两个事件经常用到：onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动代码如下:onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop...
【你也能从零基础学会网站开发】Web建站之HTML+CSS入门篇 常用HTML标签(3)
极客小俊
03-08 423
HTML常用标签：框架集
HTML标签marquee实现滚动效果的简单方法(必看)
09-28
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10"> 这里是滚动的内容... </marquee> </html> ``` ...
详解html中的marquee属性
09-28
<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this....
《HTML CSS JavaScript网页制作》--HTML基本标签及其属性
编程小鹏的博客
04-21 2730
《HTML CSS JavaScript网页制作》系列学习笔记
前端表单验证进阶：如何使用 jQuery.validator.addMethod() 编写自定义验证器(全是干货，建议收藏)
m0_56259289的博客
06-04 387
本文介绍如何使用 jQuery.validator.addMethod() 创建自定义表单验证方法。通过一个“禁止时间为 00:00”的案例，详细讲解验证函数的编写、错误信息处理、封装技巧及最佳实践。适用于需要扩展 jQuery Validation 插件的场景，帮助开发者实现更灵活的表单验证逻辑，提升前端开发效率与代码复用性。
阿里云服务器安装nginx并配置前端资源路径（前后端部署到一台服务器并成功访问）
2301_79201170的博客
06-05 929
​​​运行以下命令，。运行wget命令。您可以通过Nginx开源社区直接获取对应版本的安装包URL，然后通过wget URL的方式将Nginx安装包下载至ECS实例。例如，Nginx 1.21.6的下载命令如下：运行以下命令，，然后。make​./nginx​没有报错信息则代表nginx启动成功！启动防火墙服务放行80端口重加载防火墙使修改生效查看状态重启停止kill -9 端口号。
前端node项目——gif实时生成倒计时（30s内）
编程知识分享，主打前端
06-06 90
node实现api返回gif实时倒计时
2025年阿里最新软件测试面试题：Web 测试+接口测试+App 测试
2401_83387413的博客
06-05 787
上面就是我为大家整理出来的一份软件测试工程师发展方向知识架构体系图。希望大家能照着这个体系在1-2年内完成这样一个体系的构建。可以说，这个过程会让你痛不欲生，但只要你熬过去了。以后的生活就轻松很多。正所谓万事开头难，只要迈出了第一步，你就已经成功了一半，古人说的好“不积跬步，无以至千里。”等到完成之后再回顾这一段路程的时候，你肯定会感慨良多。
matlab模型死机
最新发布
mirandali的专栏
06-06 183
block被模型调用的时候会刷一遍这个模型的mask，好像是不定时刷，然后如果刷到你的死循环mask回调就挂了。而且2022版本还自己出不来。至于为什么前两天重新配了编译器又可以了，然后又不行，应该是重新配置编译器后，刷新的程序会中断，所以表象是重新配置编译器OK了。2020和2025应该是内部有机制让这种超时自己出来，但是2022没有，也没有任何报错，就是死机，好无语。有的时候前端是不死的，但是编译必死，现象就是点击运行按钮，然后。一般都是mask的回调函数里面有死循环。死在“编译：更新库链接模块”
前端面试准备-7
2301_80777966的博客
06-05 926
class、fetch、跨域
评论 128
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

猫佛佛

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值