Учене на HTML част 18: Как да накарате писането да се изпълнява в HTML

Със сигурност сте виждали пускане на текст или пускане на текст на няколко медии като уебсайтове, телевизори (обикновено в долната част на екрана) и така нататък.

Разбира се, ходещият текст ви кара да се интересувате да го прочетете, докато се чудите как да накарате текста да се изпълнява така.

По принцип текстът се изпълнява на уебсайтизползва се само като средство за уведомяване, кратка информация или забавление (декорация). Правенето на текст не е трудно, защото трябва само да използваме елементите, предоставени от HTML.

Съдържание

Как се правят публикации в HTML

HTML предоставя специален елемент, наречен marquee. За повече подробности, нека разгледаме обяснение как да направите писане в HTML по-долу:

1. Маркиращи елементи

Елементът за маркиране се използва за създаване на текст илидруги носители (като изображения или видео) се движат както хоризонтално, така и вертикално. Понастоящем някои браузъри вече не поддържат елемента marquee, така че този елемент се използва рядко.

В сравнение с използването на marquee, е по-добре да използвате Javascript и CSS. Но в този материал ще обсъдим как да използвате HTML marquee.

За да можете да накарате текста да се изпълнява, можете да използвате двойката етикет <marquee> Попълнете текста тук </marquee>. Маркерът <marquee> също съдържа няколко атрибута като:

2. Атрибути за ширина и височина

Атрибутът width се използва за определяне на размераширина на marquee елементи с числови стойности, които могат да бъдат записани като 18, 15% или 30px. Междувременно атрибутът височина се използва за определяне на размера на височината на елемента на маркировка със същата цифрова стойност като ширината, която е 18, 15% или 30px.

По-долу е кодът за ширина и височина на писане в HTML:

<!DOCTYPE html>
<html>
<head>
<title>Atribut Width dan Height di Tag Marquee</title>
</head>
<body>
<marquee width="500" height="40">Teks ini berjalan</marquee>
</body>
</html>

След като стартирате горния код в браузъра, той ще се появи, както е показано по-долу:

атрибутите за ширина и височина на маркера

Ако не предоставите настройки за ширина и височина, тогава ширината е по подразбиране 100% (пълна ширина на прозореца на браузъра) и височината се настройва на височината на съдържанието.

Ето пример за кода за писане в HTML:

<!DOCTYPE html>
<html>
<head>
<title>Default Width dan Height di Tag Marquee</title>
</head>
<body>
<marquee>Teks ini berjalan</marquee>
</body>
</html>

След като стартирате HTML кода по-горе, той ще се появи, както е показано по-долу:

без атрибутите за ширина и височина на маркера

3. Атрибут на посоката

Атрибутът за посока се използва за определяне на посокатадвижение на съдържанието, което е вътре в маркера. Когато в този атрибут има четири стойности, а именно нагоре (нагоре), надолу (надолу), наляво (наляво) и надясно (вдясно).

По подразбиране, ако използваме стойността "наляво"тогава текстът ще се изпълнява от дясната на лявата страна и така е стойността на "дясно", тогава текстът ще се изпълнява от лявата на дясната страна. След това "нагоре" ще се движи отдолу нагоре, докато "надолу" ще се движи отгоре надолу. Следва пример за кода за писане и използване в HTML:

<!DOCTYPE html>
<html>
<head>
<title>Atribut Direction di Tag Marquee</title>
</head>
<body>
<marquee direction="right">Teks ini ke kanan</marquee>
<marquee direction="left">Teks ini ke kiri</marquee>
</body>
</html>

След като стартирате HTML кода по-горе, той ще се появи, както е показано по-долу:

По-долу е друг пример за използване на атрибута на посоката (нагоре и надолу):

<!DOCTYPE html>
<html>
<head>
<title>Atribut Direction di Tag Marquee</title>
</head>
<body>
<marquee direction="up" height="50">Teks ini bergerak dari bawah ke atas</marquee><br>
<marquee direction="down" height="50">Teks ini bergerak dari atas ke bawah</marquee>
</body>
</html>

След като стартирате HTML кода по-горе, той ще се появи, както е показано по-долу:

4. Поведение на атрибути

Атрибутът на поведение се използва за определяне на типадвижение на marquee Стойностите, които могат да бъдат попълнени в атрибута на поведението, са слайд, превъртане или редуване. Ако не създадете атрибут на поведение в маркера <marquee>, тогава стойността по подразбиране е "превъртане".

Превъртане означава, че съдържанието се премества на една странаи се появяват отново от противоположната страна. След това слайдът означава, че съдържанието се движи към едната страна и когато пристигне на тази страна, съдържанието е все още (спира да се движи). Междувременно, алтернативно означава, че съдържанието се премества на една страна и след това обратно към противоположната страна, както е отразено.

Ето пример за HTML кода:

<!DOCTYPE html>
<html>
<head>
<title>Atribut Behavior di Tag Marquee</title>
</head>
<body>
<marquee behavior="scroll" width="400">Welcome</marquee><br>
<marquee behavior="slide" width="400">Welcome</marquee><br>
<marquee behavior="alternate" width="400">Welcome</marquee><br>
</body>
</html>

След като стартирате кода по-горе, браузърът ще се появи, както е показано по-долу:

използвайте атрибути на поведение в marquee

5. Атрибут на Scrolldelay

Атрибутът scrolldelay се използва за определяневреме закъснение (закъснение) на стъпка в единици милисекунди (1 милисекунда = 1/1000 секунди), изпълнени с числови стойности като 100. Когато стойността по подразбиране е 85.

Ето пример за писане в HTML:

<!DOCTYPE html>
<html>
<head>
<title>Atribut Scrolldelay di Tag Marquee</title>
</head>
<body>
<marquee width="600">Welcome</marquee><br>
<marquee scrolldelay="100" width="600">Welcome</marquee><br>
<marquee scrolldelay="400" width="600">Welcome</marquee>
</body>
</html>

След като стартирате HTML кода по-горе, браузърът ще изглежда като изображението по-долу:

6. Атрибутът scrollamount

Атрибутът scrollamount се използва за определяне на скоростта на съдържанието в маркера <marquee> при движение в пиксели. Където стойността по подразбиране е 6. Ето пример за писане на HTML код:

<!DOCTYPE html>
<html>
<head>
<title>Atribut Scrollamount di Tag Marquee</title>
</head>
<body>
<marquee width="600">Welcome</marquee><br>
<marquee scrollamount="15" width="600">Welcome</marquee><br>
<marquee scrollamount="25" width="600">Welcome</marquee>
</body>
</html>

7. атрибут bgcolor

Атрибутът bgcolor се използва за определяне на цветоветефон (фон) върху макет на елементите. Стойността на атрибута bgcolor може да бъде написана с име на цвят (например cyan) или с шестнадесетичен код (# 469A9A). По-долу е даден пример за HTML кода:

<!DOCTYPE html>
<html>
<head>
<title>Atribut BGColor di Tag Marquee</title>
</head>
<body>
<marquee bgcolor="cyan" width="400">Welcome</marquee>
</body>
</html>

Браузърът ще изглежда така:

8. Атрибути на HSpace

Атрибутът HSpace се използва за уточняване на пространствотохоризонтално (ляво) пространство отляво и отдясно на маркера. Обикновено се пълни със стойности под формата на числа като 20, 15% или 40px. За да сте по-ясни, вижте примера на HTML кода по-долу

<!DOCTYPE html>
<html>
<head>
<title>Atribut HSpace di Tag Marquee</title>
</head>
<body>
<marquee bgcolor="cyan" width="400">Welcome</marquee><br>
<marquee hspace="15" bgcolor="grey" width="400">Welcome</marquee><br>
<marquee hspace="40" bgcolor="yellow" width="400">Welcome</marquee>
</body>
</html>

Когато горният HTML код се изпълни, той ще изглежда така:

9. VSpace Атрибути

Атрибутът VSpace се използва за уточняване на пространствотовертикални (космически) заготовки над и под маркера. Обикновено се пълни със стойности под формата на числа като 20, 15% или 40px. Примери за писане на този атрибут можете да видите по-долу:

<!DOCTYPE html>
<html>
<head>
<title>Atribut VSpace di Tag Marquee</title>
</head>
<body>
<marquee bgcolor="cyan" width="400">Welcome</marquee><br>
<marquee vspace="15" bgcolor="grey" width="400">Welcome</marquee><br>
<marquee vspace="20" bgcolor="yellow" width="400">Welcome</marquee>
</body>
</html>

След като стартирате кода по-горе, браузърът ще се появи, както е показано по-долу:

10. Атрибут Loop

Атрибутът loop се използва за определяне на броя на повторенията на съдържанието на marquee, като стойността му по подразбиране е безкрайна. Ето пример за HTML:

<!DOCTYPE html>
<html>
<head>
<title>Atribut Loop di Tag Marquee</title>
</head>
<body>
<marquee loop="2" width="400">Welcome</marquee><br>
<marquee loop="2" behavior="slide" width="400">Welcome</marquee>
</body>
</html>

След като го стартирате в браузъра, той ще се появи, както е показано по-долу:

11. Използвайте маркера <marquee> в изображението

Маркерът <marquee> може да се приложи не само към текст, но и към изображения. Просто поставяте изходното изображение между двойките маркери <marquee>. Ето пример за писане на HTML код:

<!DOCTYPE html>
<html>
<head>
<title>Gambar di Tag Marquee</title>
</head>
<body>
<marquee width="500"><img src="/images/kakigori.jpg" height="100"> <img src="Kimchi.jpg" height="100">
<img src="mandu.jpg" height="100"></marquee>
</body>
</html>

След като го стартирате в браузъра, той ще се появи, както е показано по-долу:

Това е материалът как да направите писане или рисуванестартирайте в HTML с маркера marquee. Например има въпроси относно този маркер, можете да попитате в предоставената колона за коментари. След това следвайте следващия учебен материал за HTML за това как да създавате таблици в HTML.

</ P>

Прочетете повече: