29 janvier 2010

Clarifier ses pages HTML (1)

Attention ! Toute manipulation sur ces pages doit être faite avec précaution :
- toujours faire une copie de sauvegarde avec un copier-coller (au format "txt" dans un fichier du bloc-notes de Windows - et uniquement le bloc-notes) ;
- toujours prévisualiser ses modifications avant de les valider.

Les pages HTML visibles dans le sous-menu "Editer les fichiers de ce modèle" du menu "Apparence" sont :
- La page d'accueil ;
- La page des archives ;
- La page de l'index des archives ;
- La page d'un message ;
- La page du profil d'un auteur ;
- La page de présentation d'un album ;
- La page d'une photo d'un album.

html01
menu "Apparence"

Leur contenu tel qu'il se présente à leur création manque de clarté. On en améliorera la lisibilité pour y déceler d'éventuelles erreurs en y mettant un peu d'ordre.

Pour cela il y a quelques principes simples de l'écriture du code HTML à connaître.

1- Une expression du type <balise >* doit obligatoirement être suivie (plus ou moins loin après) d'une autre s'écrivant </balise>**. (La première est une balise d'ouverture et la seconde une balise de fermeture.)
exemples :

<p>Il était une fois, un grand méchant loup...</p>
<div class="logolink">.......</div>
<a href="http://michal53.canalblog.com/"></a>

2- Comme des parenthèses dans un texte ordinaire, ces balises forment des ensembles qui doivent soit s'emboîter soit se succéder mais jamais se chevaucher.
exemple :

<div id="topbar-logo">
          <div class="logolink">
          <a href="http://michal53.canalblog.com/"></a>
          </div>
</div>

Ici on voit que les balises bleues sont à l'intérieur des balises vertes qui sont elles-mêmes bien comprises dans les balises rouges.

*On ne s'occupera pas des balises encadrées du signe "$" qui sont uniques.
**Les balises img (image) et br (retour à la ligne) font exception à la règle et sont uniques.

Posté par Michal53 à 08:30 - - Permalien [#]
Tags : , , ,