Maison > interface Web > tutoriel HTML > Les novices apprennent d'anciennes connaissances (2) Utilisez des sous-titres actifs HTML pour marquer le mar

Les novices apprennent d'anciennes connaissances (2) Utilisez des sous-titres actifs HTML pour marquer le mar

黄舟
Libérer: 2016-12-26 15:11:21
original
1892 Les gens l'ont consulté

Sous-titres actifs, également appelés planches roulantes et sous-titres roulants. L'utilisation de sous-titres actifs rend l'ensemble de la page Web plus dynamique et vivante. Les sous-titres actifs sont de plus en plus utilisés sur les sites Web d'aujourd'hui pour améliorer l'interactivité des pages Web. Vous pouvez utiliser la programmation Javascript pour obtenir des effets de sous-titres actifs ; vous pouvez utiliser les calques de Dreamweaver et sa fonction de chronologie pour créer un très beau tableau de défilement. L'utilisation de balises de sous-titres actives HTML nécessite le moins de code et peut en effet obtenir de meilleurs résultats avec moins de temps de téléchargement. Le format de syntaxe de cette balise est le suivant :


aligh=left|center|right|top|bottom
bgcolor=#n
direction= gauche|droite|haut|bas
behavior=type
hauteur=n
hspace=n
scrollamount=n
Scrolldelay=n
width=n
VSpace=n
loop=n>

On peut constater qu'en raison des différentes méthodes d'affichage des sous-titres actifs, il existe également de nombreux paramètres facultatifs. Ce qui suit explique la signification de chaque paramètre :

Aligner : Il définit la position des sous-titres actifs, mais en plus des trois positions gauche, centre et droite, il ajoute également le haut (align=top) et en bas ( align=bottom) deux positions.

Bgcolor : utilisé pour définir la couleur d'arrière-plan des sous-titres actifs, généralement un nombre hexadécimal.

Direction : utilisé pour définir la direction de défilement des sous-titres actifs vers la gauche, la droite, le haut ou le bas.

Comportement : utilisé pour définir la méthode de défilement. Il existe trois méthodes principales : behavior="scroll" signifie faire défiler d'une extrémité à l'autre ; behavior="slide" : signifie glisser rapidement d'une extrémité à l'autre. à l'autre extrémité. Et non répété ; behavior="alternate" signifie faire défiler d'avant en arrière entre les deux extrémités.

Hauteur : utilisé pour définir la hauteur des sous-titres défilants.

Largeur : définissez la largeur des sous-titres défilants.

Hspace et vspace : utilisés pour définir respectivement la largeur des bordures gauche et droite et les bordures supérieure et inférieure des sous-titres déroulants.

Scrollamount : utilisé pour définir la distance de défilement des sous-titres actifs.

scrolldelay : utilisé pour définir le délai entre les défilements.

Boucle : permet de définir le nombre de défilement. Lorsque loop=-1, cela signifie faire défiler jusqu'à ce que la page soit mise à jour.

La balise par défaut

est de faire défiler vers la gauche une infinité de fois, la hauteur du sous-titre est la hauteur du texte et la plage de défilement : la largeur du défilement horizontal est la largeur de la position actuelle ; la hauteur du défilement vertical est la position actuelle.


Conseils d'application

1. Prenez toutes les valeurs par défaut et utilisez le moins de code Veuillez consulter l'exemple ci-dessous

Ceci. le sous-titre déroulant prend toute la valeur par défaut, code source :

Écrivez le contenu des sous-titres ici

, le code est-il très petit ?

2. Défilement vertical

Ajoutez simplement une direction="up", telle que

Écrivez le contenu des sous-titres ici

.

3. Sous-titres actifs pour texte multiligne

Étant donné que la marque ne peut être appliquée qu'à une section de texte, les sous-titres actifs multilignes ne peuvent être marqués que de
lors de l'effraction lignes, pas la balise

.

Exemple de code source :


La première ligne de contenu de sous-titres actifs

La deuxième ligne de contenu de sous-titres actifs

Activité La troisième ligne du contenu des sous-titres

4. Ajouter des images au contenu des sous-titres

Bien que

soit une balise de sous-titre active, elle est autorisée dedans, ajoutez une image. Ce qui suit est un code qui ajoute des images : C'est le code pour ajouter des images

Ce qui précède est l'ancienne connaissance que les novices doivent apprendre (2) HTML utilise des sous-titres actifs pour marquer le contenu de mar. Pour plus de contenu connexe, veuillez. faites attention au site Web PHP chinois ( www.php.cn) !


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal