iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >html5的marquee标签怎么用
  • 684
分享到

html5的marquee标签怎么用

2024-04-02 19:04:59 684人浏览 泡泡鱼
摘要

本篇内容介绍了“HTML5的marquee标签怎么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

本篇内容介绍了“HTML5的marquee标签怎么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

marquee不是html5新标签,它已被弃用,开发人员需要避免使用它。marquee是一个非标准的HTML标签,用于创建滚动文本或图像,可让文本或图像在网页上水平或垂直向下滚动。

教程操作环境:windows7系统、HTML5版、Dell G3电脑。

<marquee> 是一个非标准的 HTML 标签,用于创建滚动文本或图像。它用于使文本或图像在网页上水平或垂直向下滚动。你可以使用它的属性控制当文本到达容器边缘发生的事情。

<marquee> 元素已被弃用,请不要再使用。尽管一些浏览器仍然支持它,但它不是必须的。此外,使用这个元素基本上是你可以对你的用户做最糟糕的事情之一,所以请不要这样做。

<marquee>标签成对出现。内容写在开始 (<marquee>) 和结束 (</marquee>) 标记之间。

属性

  • behavior

    设置文本在 marquee 元素内如何滚动。可选值有 scroll,slide 和 alternate。 如果未指定值,默认值为 scroll。

  • bGColor

    通过颜色名称或十六进制值设置背景颜色。

  • direction

    设置 marquee 内文本滚动的方向。可选值有 left, right, up and down。如果未指定值,默认值为 left。

  • height

    以像素或百分比值设置高度。

  • hspace

    设置水平边距。

  • loop

    设置 marquee 滚动的次数。如果未指定值,默认值为 −1,表示 marquee 将连续滚动.

  • scrollamount

    设置每次滚动时移动的长度(以像素为单位)。默认值为 6。

  • scrolldelay

    设置每次滚动时的时间间隔(以毫秒为单位)。默认值为 85。请注意, 除非指定 truespeed 值,否则将忽略任何小于 60 的值,并改为使用 60。

  • truespeed

    默认情况下,会忽略小于60的scrolldelay值。如果存在truespeed,那些值不会被忽略。

  • vspace

    以像素或百分比值设置垂直边距。

  • width

    以像素或百分比值设置宽度。

使用 HTML <marquee> 标签的例子:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      marquee{
      font-size: 30px;
      font-weight: 800;
      color: #8ebf42;
      font-family: sans-serif;
      }
    </style>
  </head>
  <body>
    <marquee>A scrolling text created with HTML Marquee element.</marquee>
  </body>
</html>

html5的marquee标签怎么用

“html5的marquee标签怎么用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: html5的marquee标签怎么用

本文链接: https://www.lsjlt.com/news/88620.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • html5的marquee标签怎么用
    本篇内容介绍了“html5的marquee标签怎么用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • html5中marquee标签如何用
    本篇内容介绍了“html5中marquee标签如何用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! ...
    99+
    2024-04-02
  • HTML marquee标签参数怎么使用
    HTML marquee 标签是用来创建跑马灯效果的标签,可以设置以下参数来控制滚动的方式和速度:- direction:设置滚动的...
    99+
    2023-09-21
    HTML
  • 什么是marquee标签
    这篇文章主要为大家展示了“什么是marquee标签”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“什么是marquee标签”这篇文章吧。   在W3C官方文档中...
    99+
    2024-04-02
  • html中marquee标签的作用是什么
    marquee标签用于在网页中创建滚动的文本或图像的效果。它可以让文本或图像从一侧滚动到另一侧,从而吸引用户的注意力。marquee...
    99+
    2023-08-08
    html marquee
  • HTML5的Video标签怎么用
    这篇文章主要介绍HTML5的Video标签怎么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! <video>标签的属性 复制代码 代码如下: src :视频的属...
    99+
    2024-04-02
  • HTML5的audio标签和video标签怎么使用
    这篇文章主要介绍了HTML5的audio标签和video标签怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML5的audio标签和video标签怎么使用文章都会有所...
    99+
    2024-04-02
  • HTML5的video标签怎么使用
    要使用HTML5的video标签,可以按照以下步骤进行操作:1. 首先,在HTML文档中添加video标签,如下所示:```html...
    99+
    2023-09-13
    HTML5
  • HTML5的语义标签怎么用
    这篇文章主要介绍“HTML5的语义标签怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5的语义标签怎么用”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • HTML5的form标签怎么使用
    今天小编给大家分享一下HTML5的form标签怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了...
    99+
    2024-04-02
  • HTML滚动标签marquee的属性有什么用
    HTML滚动标签marquee的属性可以用于控制滚动文本或图像的行为和样式。以下是marquee标签常用的属性:1. directi...
    99+
    2023-10-18
    HTML
  • html5中li标签怎么用
    这篇文章主要为大家展示了“html5中li标签怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“html5中li标签怎么用”这篇文章吧。 ...
    99+
    2024-04-02
  • html5中meta标签怎么用
    这篇文章给大家分享的是有关html5中meta标签怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 在html5中,meta标签用于提供html文...
    99+
    2024-04-02
  • HTML5语义标签怎么用
    这篇文章将为大家详细讲解有关HTML5语义标签怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 仿照着用HTML5+CSS3做了一个bl...
    99+
    2024-04-02
  • HTML5中embed标签怎么用
    这篇文章主要介绍了HTML5中embed标签怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 定义和用法 &...
    99+
    2024-04-02
  • html5中map标签怎么用
    小编给大家分享一下html5中map标签怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! htm...
    99+
    2024-04-02
  • html5的新增标签keygen怎么用
    这篇文章主要介绍“html5的新增标签keygen怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“html5的新增标签keygen怎么用”文章能帮助大家解决问题...
    99+
    2024-04-02
  • HTML5的<canvas>标签怎么用
    这篇文章主要介绍“HTML5的<canvas>标签怎么用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5的<canvas>标签怎么用...
    99+
    2024-04-02
  • HTML5语义化的标签怎么用
    今天小编给大家分享一下HTML5语义化的标签怎么用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
  • HTML5新增的标签怎么使用
    这篇文章主要介绍了HTML5新增的标签怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML5新增的标签怎么使用文章都会有所收获,下面我们一起来看看吧。   概念: ...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作