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

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

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

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

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

目录

前言

图像与多媒体文件

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

图像

设置图像的替代文字

设置图像的宽度和高度

设置图像的边框

设置图像对齐方式及间距

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

滚动文字

添加滚动文字

添加滚动文字

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

设置滚动方向与滚动方式

设置滚动速度与滚动时延

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

音频、视频及Flash文件

HTML5 视频与音频

video 标记及属性

课后练习

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

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

总结

前言

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

• 掌握图像 img 标记语法及属性设置方法。
•学会设置图像热区链接。
•掌握滚动文字marquee标记语法及属性设置方法。
•掌握背景音乐bgsound标记语法及属性设置方法。
•掌握嵌入多媒体文件embed标记语法及属性设置方法。
•学会采用超链接插入动画、音频和视频类等多媒体文件。

图像与多媒体文件

了解本专栏 订阅专栏 解锁全文 超级会员免费看
web前端期末大作业——用HTML+CSS做一个漂亮简单的电影主题网站
QQ_____365392777的博客
08-14 1189
1 网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑
《HTML CSS JavaScript网页制作》--HTML基本标签及其属性
编程小鹏的博客
04-21 2780
《HTML CSS JavaScript网页制作》系列学习笔记
html5
zgq12345zgq的博客
09-06 997
<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 2104
Web前端开发技术——HTML5、CSS3、JavaScript
Web前端开发技术 第1-6章
1二三
05-20 1969
Web前端开发技术笔记整理
html5 css3 marquee,marquee的详细用法解析
weixin_35627928的博客
06-22 340
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 730
在网页中，，除了可以添加文本和图像之外还可以插入动画声音视频等媒体元素，如滚动效果、 Flash、 Active x以及midi声音文件等2)语法:滚动方向有4个取值：up,down,left,right滚动的速度实际上是设置每次滚动时移动的长度以像素为单位 5、滚动延迟scrolldelay 设置滚动的时间间隔,单位是毫秒默认情况下的滚动是无限循环,如果想设置滚动次数则用loop默认的情况下水平滚动的文字背景与文字同高与浏览器窗口同宽，宽度和高度参数可以调整其水平和垂直的范围为了突出滚动某部分内容，
html marquee css,HTML之marquee(文字滚动)详解_html/css_WEB-ITnose
weixin_29279101的博客
07-19 2252
语法：以下是一个最简单的例子：代码如下:Hello, World下面这两个事件经常用到：onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动代码如下:onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop...
图像与多媒体文件
2301_80385509的博客
07-07 1842
直观、明了、绚丽、美观网页上常见的图像格式：JPG（Joint Photo graphic Experts Group）、GIF（Graphics Interchange Format）、PNG（Portable Network Graphic Format）、BMP（不常用）。
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....
React大模型网站-流式推送markdown转换问题以及开启 rehype-raw,rehype-sanitize,remark-gfm等插件的使用
m0_61998604的博客
12-04 1128
本文介绍了在React大模型网站中实现流式推送Markdown转换的方法，重点讲解了ReactMarkdown库及其配套插件的使用。主要内容包括：1）ReactMarkdown基础用法；2）通过rehype-raw插件支持HTML标签渲染；3）使用rehype-sanitize防止XSS攻击；4）利用remark-gfm支持GitHub风格的Markdown语法；5）给出了完整的流式渲染实现方案，包含SSE推送、内容累积和实时更新等关键技术。文章还提供了完整的代码示例，帮助开发者快速实现安全可靠的Markd
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 875
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
50、【Ubuntu】【Gitlab】拉出内网 Web 服务：http.server 单/多线程分析（二）
HIT_Weston的博客
12-04 1331
本文分析了Python的http.server模块在单线程和多线程模式下的性能表现。通过测试发现，单线程模式下（Python<3.7）并发请求会被阻塞，后发请求需要等待前一个请求完成；而多线程模式下（Python≥3.7）可以同时处理多个请求。作者通过slow_server.py脚本模拟耗时操作，使用time curl命令测试响应时间，验证了线程模型的差异。文章还指出Python 3.7是一个重要分水岭，官方将默认命令行服务器升级为多线程以提升用户体验。技术细节参考了CPython源码，并提供了Git
深度解析前端input标签：从默认样式覆盖到浏览器自动填充和兼容以及文本域
鹏多多的博客
12-03 1007
HTML表单中的<input>标签是核心交互元素，支持多种输入类型（如文本、密码、单选、文件上传等），通过type属性定义不同功能。其核心属性包括数据标识（name/id）、状态控制（disabled/readonly）、验证限制（pattern/maxlength）和交互优化（autofocus/autocomplete）。浏览器默认样式存在兼容性问题，可通过CSS重置实现统一外观，特别是对单选/复选框需要特殊样式覆盖处理。自动填充功能基于name属性和表单上下文触发，可通过autocompl
ruoyi集成camunda实现bpmn在线设计器
xrl2012的专栏
12-03 1210
摘要： 本文介绍了如何在RuoYi-Vue2前端集成Camunda BPMN在线设计器，实现流程建模功能。通过npm安装bpmn-js等依赖包，配置vue.config.js解决转译和别名问题，并提供了测试页面代码示例。页面包含导入/导出XML/SVG、流程检查、部署等功能，支持BPMN流程设计器的初始化和基本操作。环境要求包括JDK 1.8+、MySQL 5.7+、Node 23+等。完整方案可参考若依工作流。
学Java第五十三天——IO综合练习（1）
最新发布
weixin_67566799的博客
12-06 434
是用的糊涂包Hutool，其余的。完整的获取姓氏的代码。
评论 128
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

猫佛佛

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

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

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

打赏作者

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

抵扣说明：

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

余额充值