<= SPIP-RÉCIT

Squelette Article-html

style="background-image : url(http://recitmst.qc.ca/spip/IMG/gif/fond1.gif) ;"

mardi 27 avril 2004, par Pierre Lachance dans la section Squelettes


Principe de ce squelette : article-html.html

Voici un squelette d’article pour les « codeurs html ». La page est laisse sans mise en page, c’est à vous de la faire avec du code html qe vous copier/coller dans la zone de texte. En plaçant votre code entre les balises <html> Votre code </html>, il sera interprété. Voir l’exemple ci-dessous.

La zone Sous-titre sert ici pour la balise <body>. Ici j’ai mis style="background-image: url(http://adresseimage.com/gris1.jpg);" comme fond d’écran. Vous pouvez donc ajouter une image à l’article (via la section administration) et copier l’adresse de l’image dans ce code. On pourrait aussi mettre quelque chose comme : bgcolor=#ccccff.

Comment utiliser ce squelette

On associe le mot-clé « Html » à l’article tout simplement.

Forum, documents joints, hiérarchie...

Au bas de la page (contenu de la zone Texte) il y aura le chemin pour revenir à l’accueil du site, un lien pour voir la verion imprimable, la liste des documents joints, le forum attaché à l’article. Donc si ces zones sont laissées vide, il n’y aura le le chemin au bas de la page Html.


Exemple de code html :

<html>

<div style="text-align: center;">Texte centr&eacute;<br>
</div>
<br>
<span style="text-decoration: underline;">Texte soulign&eacute;</span><br>
<br>
<ul>
<li>Liste puce <br>
</li>
<li>Liste puce</li>
<li>Liste puce</li>
</ul>
<ol>
<li>Liste num&eacute;ro</li>
<li>Liste num&eacute;ro</li>
<li>Liste num&eacute;ro</li>
</ol>
</html>

Ce qui donne avec les balises <html> et </html> :

Texte centré

Texte souligné

  • Liste puce
  • Liste puce
  • Liste puce
  1. Liste numéro
  2. Liste numéro
  3. Liste numéro

© RÉCIT MST Contrat Creative Commons