La balise blink
La balise marquee
La balise filter 1/2
La balise filter 2/2
Les transitions de page

S'amuser avec les balises

66 messages vus plus d'une centaine de fois. Un record pour le forum !
A n'en pas douter, les animations internet est un sujet qui vous passionne.

Pour répondre à cette très forte demande, je traiterai ici principalement des balises à caractère ludique.
Certaines seront accessibles à toutes, d'autres plutôt réservées aux webmasters en herbe (ex : les transitions entre les pages).

Mais tout d'abord, établissons quelques repères.

On appelle balise html, le code qui permet de décrire la mise en forme d'un texte sur internet. Il ne s'agit donc pas d'un langage de programmation mais d'un langage de description.

Le texte étant "délimité" par des balises, cela sous-entend qu'il est encadré par une balise de début et une balise de fin.

Toute balise de début est insérée entre les symboles <>. Ex : <MaBalise>.
Toute balise de fin est insérée entre les symboles </>. Ex : </MaBalise>.
Presque toutes les balises comportent une balise de début et une balise de fin, à quelques exceptions près.

On peut bien évidemment imbriquer plusieurs balises mais on commence toujours par refermer la dernière balise ouverte :

<b><font color=navy>Mon texte</font></b>

La guerre des navigateurs

Vous l'aurez peut-être constaté à vos dépends : malgré votre syntaxe rigoureuse, certaines balises sont inopérantes sur votre poste de travail. Pourquoi ? Tout simplement parce que toutes ne sont pas compatibles avec l'ensemble des navigateurs ! Lorsqu'une balise ne fonctionne qu'avec un navigateur donné, on dit alors qu'il s'agit d'une balise propriétaire.

Hélas, dans le domaine de l'internet, rencontrer ce type de balise est monnaie courante. C'est pourquoi je préciserai à chaque fois le navigateur concerné.

Notre première balise : blink

Commençons par la plus simple de nos balises : blink qui permet de faire clignoter un texte. Attention, cette balise ne fonctionne pas sous Internet Explorer.

Voici sa syntaxe : <blink>Continuons !</blink>.

Haut

Niveau

Pré-requis :

• Aucun