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

最新推荐文章于 2024-07-18 15:48:23 发布
最新推荐文章于 2024-07-18 15:48:23 发布
阅读量3.2k 收藏 158
点赞数 157
分类专栏： 喵喵画网页 文章标签： 前端 html html5 网页制作 计算机学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ormstq/article/details/134583332
版权

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

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

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

目录

前言

图像与多媒体文件

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

图像

设置图像的替代文字

设置图像的宽度和高度

设置图像的边框

设置图像对齐方式及间距

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

滚动文字

添加滚动文字

添加滚动文字

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

设置滚动方向与滚动方式

设置滚动速度与滚动时延

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

音频、视频及Flash文件

HTML5 视频与音频

video 标记及属性

课后练习

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

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

总结

前言

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

• 掌握图像 img 标记语法及属性设置方法。
•学会设置图像热区链接。
•掌握滚动文字marquee标记语法及属性设置方法。
•掌握背景音乐bgsound标记语法及属性设置方法。 </
了解本专栏 订阅专栏 解锁全文 超级会员免费看
猫佛佛
关注
  • 157
    点赞
  • 踩
  • 158
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 128
    评论
专栏目录
订阅专栏
html多媒体应用之网页中插入flash动画、插入音乐
12-13
<marquee direction=”left” behavior=”scroll” scrollamount=”3″ bgcolor=”#FFFFCC” width=”440″ height=”250″ hspace=”100″ vspace=”100″ onmouseover=”this.stop()” onmouseout=”this.start()...
html5
zgq12345zgq的博客
09-06 807
<hr />是单标记，在网页中输入一个<hr />，就添加了一条默认样式的水平线。 br: 换行标记 : < /> 用于实现段落强制换行的效果。 //PNG GIF JPG三者的区别 src属性用于指定图像文件的路径和文件名 2.alt:图像的替换文本属性，在图像无法显示时告诉用户该图片的内容。 width和height:用来定义图片的宽度和高度，通常我们只设置其中的一个，另一个会按原图等比例显示。 border:为图像添加边框、设
详解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 marquee标签使用示例介绍
09-28
HTML中的`<marquee>`标签是用来创建一个滚动或滑动效果的元素，它主要用于文本或图像的自动滚动显示。这个标签在HTML3.2中并未被正式定义，因此不是标准的HTML元素，但它在一些老版本的浏览器，尤其是基于MSIE内核的...
vue3前端开发-小兔鲜项目-人气推荐栏目的前端渲染
最新发布
yrldjsbk的博客
07-18 343
除了必要的import导入之外，剩余的就是直接调用了，赋值了。经历过上一次的，新鲜好物的栏目渲染之后，我们已经熟练了，vue3的接口调用，数据渲染到页面中的整体流程。如图，我们已经做好了，列表的渲染赋值。里面可以看见，顶部是脚本，中间是模板，底部是样式。在首页面，内容里面，会看见很多内容，上期内容我们已经完成了新鲜好物的渲染操作。1：打开接口文档，查询：人气推荐栏目的接口地址信息和参数，返回值对象信息等。以上内容就是，已经写好的，HomeHot的模板代码了。如图，地址信息和调用的方式已经清楚了。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 1288
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
【前端】JavaScript入门及实战6-10
weixin_45980065的博客
07-17 569
如果使用Number表示的数字超过了最大值，则会返回一个Infinity，表示正无穷，typeof是number。NaN是一个特殊的数字，不是数字：not a number，是一个字面量，typeof是number。但是注意，null和undefined这两个值没有toString()方法，如果调用会报错。它会将null直接转换为"null"，将undefined直接转换为"undefined"当声明一个变量，但是并不给变量赋值时，它的值就算undefined。该方法不会影响原变量，它会将转换的结果返回。
【Vue】 style中的scoped
DX390609的博客
07-15 166
在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，通过该属性，可以使得组件之间的样式不互相污染。
cookies,sessionStorage和localStorage都有什么区别
qq_51856496的博客
07-17 302
cookies,sessionStorage和localStorage都有什么区别 cookies在请求数据传输的时候会携带至后台，sessionStorage,localStorage是纯客户端缓存 cookies有过期机制,sessionStorage是会话级缓存，窗口关闭后会销毁，localStorage是本地持久缓存手动才会清除 cookies只能存储4KB并且不推荐前端用js直接操作，sessionStorage,localStorage存储有5MB
ReactRouter v6升级的步骤
feixin369的博客
07-14 428
React Router v6 引入了一个 Routes组件，它有点像Switch，但功能要强大得多。与Switch相比，RoutesReact.lazy。
(三)js前端开发中设计模式之工厂模式
峰会路转的博客
07-17 230
工厂模式是一种创建型设计模式，它可以帮助我们根据需求创建对象。
使用 Vue3、Node.js、MySQL、Electron 和 Express 实现用户登录、文章管理和截屏功能
liyananweb的博客
07-15 651
通过本文，我们详细介绍了如何使用 Vue3、Node.js、MySQL、Electron 和 Express 实现一个完整的用户登录、文章管理和截屏功能的应用。希望这篇文章能为你提供有价值的参考，帮助你更好地理解和实现前后端分离的应用开发。如果你有任何问题或建议，欢迎在评论区留言讨论。
前端工具-json-server
zhangankang的博客
07-14 167
以项目为例，介绍前端mock数据的方式；
Web 性能入门指南 - 2.2 理解和改进最大内容绘制 (LCP)
weixin_43303603的博客
07-15 402
最大内容绘制 (LCP) 衡量的是页面上最大视觉元素的渲染时间。为了让 Google 满意，请将 LCP 时间控制在 2 秒以内。
＜Rust＞＜GUI＞rust语言GUI库tauri体验：前、后端结合创建一个窗口并修改其样式
用沸腾的热血，支付我们的人生吧！
07-16 1152
前言 本文是rust语言下的GUI库：tauri来创建一个窗口的简单演示，主要说明一下，使用tauri这个库如何创建GUI以及如何添加部件、如何编写逻辑、如何修改风格等，所以，这也是一个专栏，将包括tauri库的多个方面。 环境配置 系统：windows 平台：visual studio code 语言：rust、javascript、html、css 库：tauri概述 本文是tauri库系列博文的第一篇，主要是简单实现一个窗口程序并成功运行，当然，这是基于官方的示例，事实上官方给出的上手例程非常详细，不
Power Apps使用oData访问表数据并赋值前端
weixin_41850878的博客
07-14 290
console.log需要F12打开浏览器开发者工具查看。方法过滤数据时，你可以指定一个OData。方法成功的例子，它使用了OData。在使用OData查询语法通过。参数来限制返回的记录集。
自定义 Hooks 在 Vue3 中的应用和重要性
CodeQi技术小栈的博客
07-16 973
自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。
AWS-S3实现Minio分片上传、断点续传、秒传、分片下载、暂停下载
qq_43548590的博客
07-14 806
Amazon Simple Storage Service（S3），简单存储服务，是一个公开的云存储服务。Web应用程序开发人员可以使用它存储数字资产，包括图片、视频、音乐和文档。S3提供一个RESTful API以编程方式实现与该服务的交互。目前市面上主流的存储厂商都支持S3协议接口。本文借鉴https://www.cnblogs.com/jsonq/p/18186340大佬的文章及代码修改而来。项目采用前后端分离模式： 前端：vue3 + element-plus + axios + spark-md5
网站开发：使用VScode安装yarn包和运行前端项目
m0_67412019的博客
07-15 462
再次输入以下命令，无报错说明yarn安装成功。
HTML5与CSS3基础与实践指南：构建网页结构与样式
本资源主要聚焦于HTML5、CSS和JavaScript的基础笔记，详细介绍了这些关键Web技术的相关知识点。以下是对各个部分的详细解读： **一、HTML** 1. HTML基础： - `bgcolor`属性用于设置文档的背景颜色。 - `<h>`标签...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 128
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

猫佛佛

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

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

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

打赏作者

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

抵扣说明：

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

余额充值