Home Web Front-end HTML Tutorial Novices learn old knowledge (2) Use HTML active subtitles to mark mar

Novices learn old knowledge (2) Use HTML active subtitles to mark mar

Dec 26, 2016 pm 03:11 PM
html

Active subtitles, also known as rolling billboards and rolling subtitles. The use of active subtitles makes the entire web page more dynamic and lively. Active subtitles are increasingly used in today's websites to enhance the interactivity of web pages. You can use Javascript programming to achieve active subtitle effects; you can use Dreamweaver's layers and its timeline function to create a very beautiful scrolling board. The use of HTML active subtitle tags requires the least code and can indeed produce better results with less download time. The syntax format of this tag is as follows:


aligh=left|center|right|top|bottom
bgcolor=#n
direction= left|right|up|down
behavior=type
height=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>

It can be seen that due to the various display methods of active subtitles, there are also many optional parameters. The following explains the meaning of each parameter:

Align: It sets the position of the active subtitles, but in addition to the three positions of left, center, and right, it also adds top (align=top) and bottom ( align=bottom) two positions.

Bgcolor: used to set the background color of active subtitles, usually a hexadecimal number.

Direction: Used to set the scrolling direction of active subtitles to left, right, up, or down.

Behavior: Used to set the scrolling method. There are three main methods: behavior="scroll" means scrolling from one end to the other end; behavior="slide": means quickly sliding from one end to the other end. And no more repetition; behavior="alternate" means scrolling back and forth between the two ends.

Height: used to set the height of rolling subtitles.

Width: Set the width of the rolling subtitles.

Hspace and vspace: used to set the width of the left and right borders and the top and bottom borders of rolling subtitles respectively.

Scrollamount: used to set the scrolling distance of active subtitles.

Scrolldelay: Used to set the delay time between scrolling twice.

Loop: used to set the number of scrolls. When loop=-1, it means scrolling until the page is updated.

The default of

mark is to scroll to the left infinite times, the subtitle height is the text height, and the scroll range: the width of horizontal scrolling is the width of the current position; the height of vertical scrolling is the current position. high.


Application Tips

1. Take all the default values ​​and use the least code. Please see the example below

This rolling subtitle takes all Default value, source code:

Write subtitle content here

, is there very little code?

2. Vertical scrolling

Just add diriction="up", such as

Write subtitle content here

.

3. Active subtitles for multi-line text

Since the mark can only be applied to a section of text, multi-line active subtitles can only be marked with
when branching into separate lines, and

cannot be used.

mark.

Sample source code:


The first line of active subtitle content

The second line of active subtitle content

Activity The third line of subtitle content

4. Add images to the subtitle content

Although

is an active subtitle mark, it allows Add an image. The following is a code for adding images: This is the

for adding images. The above is the old knowledge for novices to learn (2) HTML uses active subtitles to mark mar content. For more related content, please pay attention to the PHP Chinese website ( www.php.cn)!


Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles