|
|
|
HTML - Et le reste...
|
Autre langage disponible pour cet article : 
Rubrique : HTML
lundi 25 mars 2002 18:38
|
Voir les commentaires pour HTML - Et le reste...
|
- Les balises Made In Netscape
- <BLINK>
- <LAYER> et <ILAYER>
- <MULTICOL>
- <NOBR>
- <WBR>
- Les balises Made In Internet Explorer
- <BGSOUND>
- <IFRAME>
- <MARQUEE>
- Balises obsolétes
- <CENTER>
- <LISTING>
- <PLAINTEXT>
- <XMP>
- Et les balises <B>, <I>, <STRIKE>, <U>
Comme le titre le laisse penser, cette page va regrouper tout le reste. Le reste, ce sont par
exemple les balises n'étant plus d'acutalité dans HTML 4, celles Made In Netscape ou Made In Microsoft.
Ne vous étonez pas si le résultat esconté ne s'affiche pas forcement : les balises de Netscape
ne sont pas toutes interprétées pas Internet Explorer et inversement.
Les balises Made In Netscape
<BLINK>
<BLINK> permet de faire clignoter du texte. Pratique au début pour attirer l'attention
du lecteur sur un point important, trop de pseudos-WebMasters en ont rapidement abusés, jusqu'à
faire froler la crise d'épilepsie aux courageux visiteurs s'aventurant dans leurs pages.
Pour le plaisir, voilà quand même une illustration de ce phénomène :
<BLINK>Ceci est un texte qui clignote et fait mal aux yeux</BLINK>
<LAYER> et <ILAYER>
Je ne dirais rien sur les balises <LAYER> et <ILAYER>, car leur emploi
n'est pas destinné à l'HTML classique, mais à Dynamic HTML (DHTML) qui nécessite
des connaissances pointues de JavaScript.
Nous étudierons donc ces deux balises dans une autres partie.
<MULTICOL>
<MULTICOL> représentait un moyen simple et efficace de disposer du texte sur plusieurs
lignes. Elle accepte 3 attributs :
- cols contient le nombre de colonnes à créer
- gutter définit la largeur (en pixels) de l'espacement entre les colonnes
- width définit la hauteur des colonnes en pixels
Que Jean-François Quénet me pardonne d'avoir une fois de plus honteusement plagié sont magnifique
Livre d'Or du Cyclisme 1998 pour illustrer le fonctionnement de la balise <MULTICOL>
<MULTICOL cols=3>Le duel en montagne est réinventé. Pantani et Tonkov se harcèlent mutuellement
et emmènent l'ancien favori Alex Zülle dans un terrible chemin de croix sur le Groce Domini. Il
navigue à une demi-heure. Et, dans l'ascension finale vers Montecampione, la «montagne du
champion», Pantani regarde son rival dans les yeux, ne parvient pas à déceler le moindre
signe de faiblesse et décrète : «C'est lui ou moi qui saute.» A moins de 3 km du
sommet, il accélère. En 2 bornes, il le relègue à 1'. Du vrai travail de grimpeur. «Pantani
aigle rose», titre <I>La Gazzetta dello sport</I>. Mais 1'28", est-ce une avance
bien suffisante avant l'ultime contre-la-montre de Lugano?</MULTICOL>
Résultat :
Le duel en montagne est réinventé. Pantani et Tonkov se harcèlent mutuellement
et emmènent l'ancien favori Alex Zülle dans un terrible chemin de croix sur le Groce Domini. Il
navigue à une demi-heure. Et, dans l'ascension finale vers Montecampione, la «montagne du
champion», Pantani regarde son rival dans les yeux, ne parvient pas à déceler le moindre
signe de faiblesse et décrète : «C'est lui ou moi qui saute.» A moins de 3 km du
sommet, il accélère. En 2 bornes, il le relègue à 1'. Du vrai travail de grimpeur. «Pantani
aigle rose», titre La Gazzetta dello sport. Mais 1'28", est-ce une avance
bien suffisante avant l'ultime contre-la-montre de Lugano?
<NOBR>
Etrangement, la balise <NOBR> semble être reconnue par Internet Explorer. Elle effectue
l'opération inverse à la balise <BR> : elle empéche le retour à la ligne. C'est
à dire que si une phrase de plusieurs pieds de longs se trouve dans ce conteneur, elle s'affichera
sur la même ligne :
<NOBR>Le duel en montagne est réinventé. Pantani et Tonkov se harcèlent mutuellement
et emmènent l'ancien favori Alex Zülle dans un terrible chemin de croix sur le Groce Domini. Il
navigue à une demi-heure. Et, dans l'ascension finale vers Montecampione, la «montagne du
champion», Pantani regarde son rival dans les yeux, ne parvient pas à déceler le moindre
signe de faiblesse et décrète : «C'est lui ou moi qui saute.» A moins de 3 km du
sommet, il accélère. En 2 bornes, il le relègue à 1'. Du vrai travail de grimpeur. «Pantani
aigle rose», titre <I>La Gazzetta dello sport</I>. Mais 1'28", est-ce une avance
bien suffisante avant l'ultime contre-la-montre de Lugano?</NOBR>
Voci le résultat de cette impressionante experience :
Le duel en montagne est réinventé. Pantani et Tonkov se harcèlent mutuellement
et emmènent l'ancien favori Alex Zülle dans un terrible chemin de croix sur le Groce Domini. Il
navigue à une demi-heure. Et, dans l'ascension finale vers Montecampione, la «montagne du
champion», Pantani regarde son rival dans les yeux, ne parvient pas à déceler le moindre
signe de faiblesse et décrète : «C'est lui ou moi qui saute.» A moins de 3 km du
sommet, il accélère. En 2 bornes, il le relègue à 1'. Du vrai travail de grimpeur. «Pantani
aigle rose», titre La Gazzetta dello sport. Mais 1'28", est-ce une avance
bien suffisante avant l'ultime contre-la-montre de Lugano?
<WBR>
<WBR> permet d'effectuer une rupture de ligne dans un texte affiché par la balise
<NOBR>.
Mais...Mystère! Alors que cette balise a vraisemblablement été crée par Netscape, celui-ci semble
l'ignorer, alors qu'Internet Explorer l'interpréte parfaitement...
<NOBR>Le duel en montagne est réinventé. Pantani et Tonkov se harcèlent mutuellement<WBR>
et emmènent l'ancien favori Alex Zülle dans un terrible chemin de croix sur le Groce Domini. Il<WBR>
navigue à une demi-heure. Et, dans l'ascension finale vers Montecampione, la «montagne du<WBR>
champion», Pantani regarde son rival dans les yeux, ne parvient pas à déceler le moindre<WBR>
signe de faiblesse et décrète : «C'est lui ou moi qui saute.» A moins de 3 km du<WBR>
sommet, il accélère. En 2 bornes, il le relègue à 1'. Du vrai travail de grimpeur. «Pantani<WBR>
aigle rose», titre <I>La Gazzetta dello sport</I>. Mais 1'28", est-ce une avance<WBR>
bien suffisante avant l'ultime contre-la-montre de Lugano?</NOBR>
Le duel en montagne est réinventé. Pantani et Tonkov se harcèlent mutuellement
et emmènent l'ancien favori Alex Zülle dans un terrible chemin de croix sur le Groce Domini. Il
navigue à une demi-heure. Et, dans l'ascension finale vers Montecampione, la «montagne du
champion», Pantani regarde son rival dans les yeux, ne parvient pas à déceler le moindre
signe de faiblesse et décrète : «C'est lui ou moi qui saute.» A moins de 3 km du
sommet, il accélère. En 2 bornes, il le relègue à 1'. Du vrai travail de grimpeur. «Pantani
aigle rose», titre La Gazzetta dello sport. Mais 1'28", est-ce une avance
bien suffisante avant l'ultime contre-la-montre de Lugano?
Les balises Made In Internet Explorer
<BGSOUND>
Pour l'utilisation de <BGSOUND>, reportez-vous au chapitre précedent.
<IFRAME>
La balise <IFRAME> est grandiose! Dommage que Netscape ne la reconnaisse pas!
<IFRAME> permet de créer un cadre dans un document.
Elle posséde quelques attributs que voici :
- frameborder définit si une bordure doit être créé autour de la fenêtre :
- 0 : pas de bordure
- 1 : bordure
- height spécifie la hauteur de la fenêtre en pixels ou en pourcentages
- marginheight spécifie la hauteur des marges verticales, en pixels
- marginwidth spécifie la largeur des marges horizontales, en pixels
- name contient le nom atribué à la fenêtre, comme pour les cadres
- scrolling définit si une barre de défilement doit apparaitre :
- auto : valeur par défaut. Il y aura des barres que si nécessaire
- no : pas de barres
- yes : dans tout les cas, des barres de défilement seront crées
- src contient l'URL du document à afficher
- width spécifie la largeur de la fenêtre en pixels ou en pourcentages
Voici un exemple :
<IFRAME src="http://scriptland.cybwarrior.com" width=100% height=200 frameborder=0>Ceci est le texte affiché
pour les navigateurs ne reconnaissant pas <IFRAME><BR>
Dommage pour les Netscapers
</IFRAME>
Et voici le résultat :
<MARQUEE>
La balise <MARQUEE> était une tentative tout à fait louable de la part de Microsoft
pour réaliser facilement un message défilant à l'heure où JavaScript n'existait pas encore.
Comme pour la balise <BLINK> decrite plus haut, l'utilisation de <MARQUEE>
a vite été démocratisée. Mais contrairement à cette dernière, l'utilisation abusive de ce procédé
n'entraine pas une crise d'epilepsie, mais provoque juste une sévère migraine :-)
Voici les attributs supportés :
- align définit l'alignement vertical de la bannière par rapport au texte :
- bottom : pour un alignement en bas
- middle : au milieu
- top : en haut
- behavior spécifie le comportement de la bannière :
- alternate : la bannière va rebondir d'un bord à l'autre de la fenêtre (ou du cadre)
- scroll : c'est l'option par défaut. Lorsque la bannière atteint un bord, elle ré-apparait
par l'autre bord
- slide : le défilement de la bannière est stoppé des de que le bord est atteint
- bgcolor spécifie la couleur à utiliser pour l'arrière plan
- direction définit le sens de défilement de la bannière :
- left : vers la gauche. Option par défaut
- right : vers la droite.
- height définit la hauteur en pixels de la bannière
- loop précise le nombre de défilement à effectuer. Indiquer le nombre désiré, ou
bien le mot-clef infinite pour un défilement permanent.
- scrollamount définit le "pas", c'est à dire la vitesse de progression de la balise.
La valeur est en pixels et représente la distance qui sera avalée entre chaque déplacement.
- scrolldelay définit justement le temps à attendre entre chaque déplacement. La valeur
à attribuer est en milisecondes.
- width définit la largeur en pixels
<MARQUEE behavior=scroll bgcolor=blue>L'utilisation abusive de la balise <MARQUEE> est dangereuse pour la
santé</MARQUEE>
<MARQUEE direction=right behavior=alternate bgcolor=red scrollamount=10 scrolldelay=1>À consommer
avec modération!</MARQUEE>
Balises obsolétes
Les balises ci-dessous sont considérées comme mortes (snif!) par le W3C.
<CENTER>
<CENTER> permet de centrer des élements. Le W3C a décrété qu'il faut utiliser
<DIV align=center>Mais élements</DIV>.
<CENTER>Ceci est un texte centré avec <CENTER></CENTER>
Ceci est un texte centré avec <CENTER>
<LISTING>
La balise <LISTING> servait à afficher le listing d'un programme. L'effet obtenu
est identique à la balise <PRE>. La seul différence réside dans l'emploi d'une
taille de police plus petite.
L'utilisation de cette balise a été proscrite par le W3C depuis HTML 2. Cependant, l'exemple
suivant montre que Netscape et Internet Explorer continuent de l'exploiter :
<LISTING>
RANDOMIZE TIMER
PRINT "Etude des nombres aléatoires en QBasic"
DO
PRINT RND
LOOP UNTIL LEN(INKEY$)
</LISTING>
RANDOMIZE TIMER
PRINT "Etude des nombres aléatoires en QBasic"
DO
PRINT RND
LOOP UNTIL LEN(INKEY$)
<PLAINTEXT>
<PLAINTEXT> est du type marqueur. Tout ce qui suit cette balise est interprété comme
étant du texte tout court. C'est à dire que les balises sont ignorées et affichées tel quel, jusqu'à
la fin du document (la balise </HTML>)
<HTML>
<HEAD>
<TITLE>La balise <PLAINTEXT></TITLE>
</HEAD>
<BODY>
Le texte qui va suivre est formaté mais va être affiché tel quel avec la balise <PLAINTEXT><BR>
<PLAINTEXT>
<B>Ceci est un texte gras</B>
<I>Ceci est un texte en italique</I>
<U>Ceci est un texte souligné</U>
</BODY>
</HTML>
<XMP>
L'effet obtenu par <XMP> est identique à celui de <TEXTPLAIN>.
L'avantage est que là, on peut stopper l'affichage non-formaté avec </XMP> :
Le texte qui va suivre est formaté mais va être affiché tel quel avec la balise <XMP><BR>
<XMP>
<B>Ceci est un texte gras</B>
<I>Ceci est un texte en italique</I>
<U>Ceci est un texte souligné</U>
</XMP>
Le texte qui va suivre est formaté mais va être affiché tel quel avec la balise <XMP>
<![CDATA[
<B>Ceci est un texte gras</B>
<I>Ceci est un texte en italique</I>
<U>Ceci est un texte souligné</U>
]]>
Et les balises <B>, <I>, <STRIKE>, <U>
Surprise! Ces balises si pratiques a utiliser sont maintenant proscrites par le W3C. Donc normalement,
il ne faut plus les utiliser.
Mais alors comment faire? Le W3C soutient que ces balises peuvent être remplacées par les feuilles
de styles.
Ok. Si sous Internet Explorer, ça fonctionne parfaitement, avec Netscape (et Amaya et Opera),
c'est plus délicat.
Moi, je continu à les utiliser, parce que je trouve que écrire <B>Ceci est en gras</B>
et plus rapide que <SPAN style="font-weight:bold;">Ceci est en gras</SPAN>.
Mais ceci n'engage que moi...
|
Voir les commentaires pour HTML - Et le reste...
|
|
|
|
Accueil
Membres
Forum
Articles
Download
Sondages
Outils
Scriptland
ProgBoards
