Apprendre HTML Partie 18: Comment faire pour exécuter l'écriture en HTML

Vous avez certainement vu l'exécution de texte ou l'exécution de texte sur plusieurs supports tels que des sites Web, des téléviseurs (généralement en bas de l'écran), etc.

Bien sûr, le texte de marche vous incite à le lire tout en vous demandant comment faire fonctionner le texte comme ça.

Généralement, le texte s'exécute sur un site Webutilisé uniquement comme moyen de notification, d'information courte ou de divertissement (décoration). Faire des exécutions de texte n'est pas difficile car nous avons seulement besoin d'utiliser les éléments fournis par HTML.

Table des matières

Comment faire pour exécuter des messages en HTML

HTML fournit un élément spécial appelé chapiteau. Pour plus de détails, regardons ci-dessous une explication sur la façon de faire l'écriture en HTML:

1. Éléments de sélection

L'élément de sélection est utilisé pour créer du texte oud'autres médias (tels que des images ou des vidéos) se déplacent à la fois horizontalement et verticalement. Actuellement, certains navigateurs ne prennent plus en charge l'élément de sélection, cet élément est donc rarement utilisé.

Par rapport à l'utilisation de chapiteau, il est préférable d'utiliser Javascript et CSS. Mais dans ce document, nous discuterons de l'utilisation de la marque HTML.

Pour pouvoir exécuter le texte, vous pouvez utiliser la paire de balises <marquee> Remplissez le texte ici </marquee>. La balise <marquee> contient également plusieurs attributs tels que:

2. Attributs de largeur et de hauteur

L'attribut width est utilisé pour déterminer la taillelargeur des éléments de sélection avec des valeurs numériques qui peuvent être écrites comme 18, 15% ou 30 px. Pendant ce temps, l'attribut height est utilisé pour déterminer la taille en hauteur de l'élément de sélection avec la même valeur numérique que width, qui est de 18, 15% ou 30 pixels.

Voici un exemple d'écriture de code de largeur et de hauteur en 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>

Après avoir exécuté le code ci-dessus dans le navigateur, il apparaîtra comme indiqué ci-dessous:

les attributs de largeur et de hauteur du chapiteau

Si vous ne fournissez pas de paramètres pour la largeur et la hauteur, la largeur est de 100% par défaut (toute la largeur de la fenêtre du navigateur) et la hauteur s'ajuste à la hauteur du contenu.

Voici un exemple d'écriture de code en HTML:

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

Après avoir exécuté le code HTML ci-dessus, il apparaîtra comme indiqué ci-dessous:

sans les attributs de largeur et de hauteur du chapiteau

3. Attribut de direction

L'attribut direction est utilisé pour déterminer la directionmouvement du contenu à l'intérieur de la balise de sélection. Où il y a quatre valeurs dans cet attribut, à savoir haut (haut), bas (bas), gauche (gauche) et droite (droite).

Par défaut si nous utilisons la valeur "left"alors le texte se déroulera de droite à gauche et est donc la valeur de "droite" alors le texte se déroulera de gauche à droite. Ensuite, le «haut» se déplacera de bas en haut tandis que le «bas» se déplacera de haut en bas. Voici un exemple de code pour l'écrire et l'utiliser en 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>

Après avoir exécuté le code HTML ci-dessus, il apparaîtra comme indiqué ci-dessous:

Voici un autre exemple d'utilisation de l'attribut direction (haut et bas):

<!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>

Après avoir exécuté le code HTML ci-dessus, il apparaîtra comme indiqué ci-dessous:

4. Comportement des attributs

L'attribut de comportement est utilisé pour déterminer le typemouvement de chapiteau. Les valeurs pouvant être renseignées dans l'attribut de comportement sont slide, scroll ou alternative. Si vous ne créez pas d'attribut de comportement dans la balise <marquee>, la valeur par défaut est "scroll".

Le défilement signifie que le contenu se déplace d'un côtéet réapparaissent du côté opposé. Ensuite, la diapositive signifie que le contenu se déplace vers un côté et lorsqu'il arrive de ce côté, le contenu est immobile (arrête de bouger). Pendant ce temps, alterné signifie que le contenu se déplace d'un côté puis de l'autre côté comme indiqué.

Voici un exemple du code 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>

Après avoir exécuté le code ci-dessus, le navigateur apparaîtra comme indiqué ci-dessous:

utiliser des attributs de comportement dans le cadre

5. Attribut Scrolldelay

L'attribut scrolldelay est utilisé pour déterminertemporisation (retard) par étape en unités de millisecondes (1 milliseconde = 1/1000 secondes) remplie de valeurs numériques telles que 100. Où la valeur par défaut est 85.

Voici un exemple d'écriture en 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>

Après avoir exécuté le code HTML ci-dessus, le navigateur ressemblera à l'image ci-dessous:

6. L'attribut scrollamount

L'attribut scrollamount est utilisé pour déterminer la vitesse du contenu dans la balise <marquee> en se déplaçant en pixels. Où la valeur par défaut est 6. Voici un exemple d'écriture du code 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. Attribut bgcolor

L'attribut bgcolor est utilisé pour spécifier les couleursarrière-plan (arrière-plan) sur le chapiteau des éléments. La valeur de l'attribut bgcolor peut être écrite avec un nom de couleur (par exemple cyan) ou en code hexadécimal (# 469A9A). Voici un exemple du code HTML:

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

Le navigateur ressemblera à ceci:

utiliser l'attribut bgcolor sur chapiteau

8. Attributs HSpace

L'attribut HSpace est utilisé pour spécifier l'espaceespace horizontal (gauche) à gauche et à droite du rectangle de sélection. Habituellement rempli de valeurs sous forme de nombres tels que 20, 15% ou 40 px. Pour être plus clair, voir l'exemple de code HTML ci-dessous

<!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>

Lorsque le code HTML ci-dessus est exécuté, il ressemblera à ceci:

Utiliser les attributs HSpace sur le chapiteau

9. Attributs VSpace

L'attribut VSpace est utilisé pour spécifier l'espacedes espaces verticaux (espace) en haut et en bas du chapiteau. Habituellement rempli de valeurs sous forme de nombres tels que 20, 15% ou 40 px. Voici des exemples d'écriture de cet attribut:

<!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>

Après avoir exécuté le code ci-dessus, le navigateur apparaîtra comme indiqué ci-dessous:

Utiliser l'attribut VSpace dans le chapiteau

10. Attribut de boucle

L'attribut de boucle est utilisé pour déterminer le nombre de fois que le contenu du rectangle de sélection se répète, sa valeur par défaut étant infinie. Voici un exemple de 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>

Après l'avoir exécuté dans le navigateur, il apparaîtra comme indiqué ci-dessous:

11. Utilisez la balise <marquee> dans l'image

La balise <marquee> peut être appliquée non seulement au texte mais aussi aux images. Vous placez simplement l'image source entre les paires de balises <marquee>. Voici un exemple d'écriture du code 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>

Après l'avoir exécuté dans le navigateur, il apparaîtra comme indiqué ci-dessous:

C'est le matériau pour faire de l'écriture ou du dessinexécuter en HTML en utilisant la balise marquee. Par exemple, vous pouvez poser des questions sur cette balise de sélection dans la colonne des commentaires fournie. Suivez ensuite le prochain matériel d'apprentissage HTML sur la façon de créer des tableaux en HTML.

</p>

En savoir plus: