Comment Faire Une Ligne Rampante En Html

Table des matières:

Comment Faire Une Ligne Rampante En Html
Comment Faire Une Ligne Rampante En Html

Vidéo: Comment Faire Une Ligne Rampante En Html

Vidéo: Comment Faire Une Ligne Rampante En Html
Vidéo: 10 - HTML: Ligne Horizontale 2024, Peut
Anonim

Les concepteurs de sites Web utilisent une grande variété d'effets pour décorer les pages qu'ils créent. L'un de ces effets est une ligne rampante qui attire l'attention de l'utilisateur et lui fait lire le texte.

Comment faire une ligne rampante en html
Comment faire une ligne rampante en html

Il est nécessaire

éditeur html

Instructions

Étape 1

Pour travailler avec HTML, vous avez besoin d'un éditeur HTML, par exemple, СuteHTML. Vous pouvez télécharger sa version portable, qui ne nécessite pas d'installation, à partir du lien à la fin de l'article. Cet éditeur a une coloration syntaxique et est très pratique pour apprendre les bases du HTML.

Étape 2

Ouvrez l'éditeur et écrivez ce code entre les balises: Je me souviens d'un moment merveilleux: Tu es apparu devant moi, Comme une vision fugace, Comme un génie de pure beauté.

Étape 3

Cliquez sur l'icône Afficher dans le navigateur (loupe sur fond du globe) dans l'éditeur de code. Le navigateur par défaut s'ouvrira, vous verrez les poèmes de Pouchkine dans la ligne en cours. Maintenant, examinez de près l'exemple ci-dessus. La balise de sélection est une balise d'exploration. Les paramètres hauteur et largeur définissent la hauteur et la largeur de la zone de ligne, bgcolor définit la couleur de fond, dans ce cas il s'agit du blanc. Remplacez le blanc par du vert et l'arrière-plan de la ligne deviendra vert. Expérimentez avec la couleur, la largeur et la hauteur de la marge de la ligne.

Étape 4

Vous pouvez spécifier des paramètres supplémentaires pour le mouvement de ligne à l'aide du paramètre BEHAVIOUR. Par exemple, modifiez la balise de code d'ouverture comme suit: Lancez un aperçu dans l'éditeur - maintenant le texte se déplacera d'un côté de la zone de ligne à l'autre et inversement.

Étape 5

Vous pouvez définir le sens de déplacement de la ligne de défilement à l'aide du paramètre DIRECTION = "..", en y substituant les valeurs suivantes: gauche - la ligne se déplace vers la gauche. droite - la ligne va vers la droite. haut - de bas en haut. vers le bas - de haut en bas.

Étape 6

Essayez de redimensionner le texte en l'encadrant dans la balise Text. Dans cet exemple, la taille du texte est de 5. Vous pouvez également modifier sa couleur à l'aide de la balise Text. Dans cet exemple, le texte sera rouge.

Conseillé: