Voilà un site qui fleure bon les recoins du net back in 1997. Ah, nostalgie, quand tu nous tiens !
Attention, en HTML 4.01 Transitional, les fonds de page noirs sont dépréciés
(euh nan je déconne, et je sais c'est pas drôle
).
Bon, pour être un peu sérieux :
La balise <br> (syntaxe XHTML : <br />)
Elle indique un retour à la ligne, généralement au sein d'un paragraphe. C'est à dire qu'on crée un retour à la ligne visuel sans sortir du paragraphe en cours (rupture moins forte).
On l'utilise beaucoup pour la poésie, par exemple, où une strophe peut être un paragraphe (<p>...</p>, et chaque retour à la ligne un <br />.
Historiquement, on l'a utilisée pour un peu tout et n'importe quoi. On trouve par exemple des sites ou un article entier est en fait un seul paragraphe avec une multitude de retours à la ligne (y compris des sites éditoriaux importants, ou des sites gérés par un système type CMS dont le parser n'est pas capable de créer des paragraphes, opération un peu plus compliquée que de transformer un double retour à la ligne en double <br />). Un double retour à la ligne donne donc l'illusion de paragraphes, et on a des textes où, pour une quinzaine de paragraphes "visuels", on a un seul paragraphe dans le code.
Le <br /> n'est donc pas proscris, mais il faut l'utiliser à bon escient, c'est à dire quand c'est utile au niveau de l'information à faire passer, et pas pour des soucis de mise en page.
Note : tous les éléments HTML de type bloc passent à la ligne automatiquement. On pourra donc écire :
<p>Élément 1</p>
<p>Élément 2</p>
<p>...</p>
<p>Élément n</p>
ou encore
<ul>
<li>Élément 1</li>
<li>Élément 2</li>
<li>...</li>
<li>Élément n</li>
</ul>
Dans le premier cas on a une série de paragraphes, et dans le deuxième cas une liste non ordonnée (si les puces ou les marges des items de liste gênent, on peut les supprimer dans la feuille de style... de même pour les écarts entre les paragraphes, si on les juge trop importants).
Vu ta page, je pense que ça pourrait t'être utile. En particulier les listes.
Gérer la couleurs des items de listes
Pour avoir quelque chose comme ça :
NEW A64 Tweaker © CodeRed (Xtreme Systems) : 0.6 beta
Avec toute une liste d'items de ce type, on peut faire quelque chose comme :
<ul id="news">
<li><strong>New</strong> A64 Tweaker © CodeRed : <a href="..." title="...">0.6 beta</a></li>
<li>.... etc.</li>
</ul>
Et la contrepartie en CSS :
ul#news {
list-style: none;
color: burlywood;
}
ul#news span {color: red; font-variant: small-caps;}
ul#news a {color: royalblue; text-decoration: none;}
Et le tour est joué.
Par contre, pour changer à chaque ligne, j'ai bien peur qu'il faille rajouter à la main une classe aux éléments.
<ul id="news">
<li class="news1">...</li>
<li class="news2">...</li>
<li class="news1">...</li>
<li class="news2">...</li>
<li class="news1">...</li>
</ul>
Si la liste s'agrandit au fur et à mesure et qu'on n'a pas d'éléments de milieu de liste susceptibles de sauter, ça reste une solution viable. Mais c'est vrai qu'en général, ce genre de choses on ne le fait qu'avec des langages de script, en PHP par exemple (les items sont dans une base de données, on interroge la base pour obtenir un tableau, on met les informations du tableau, ligne par ligne, en HTML comme des items de liste ou des lignes de tableau, en donnant à chaque fois une classe différente... le tout automatisé avec une fonction de type boucle qui prendra trois ou quatre lignes de code...).
Mais si tu veux le faire à la main, libre à toi. Ça sera déjà plus propre que des balises <font> partout (qui pour le coup sont dépréciées, elles, même si elles sont encore valides en HTML 4 transitionnal.
Modifié par mpop (19 Mar 2006 - 16:09)
,
).
Salut shinuza.