WyWiWyG.frlog-in

index < horusani.gif < > les_principales_actions.php >
 Accueil .  ModedEmploi  more  html.php

Choisissez la section qui vous interesse, en cliquant dessus!

Close all sections

1-basic HTML

Les éléments de mise en forme dans le HTML qui sont réellement utiles sont très peu nombreux, et faciles à assimiler.

Ils apparaissent sous forme de "balise HTML", c'est à dire <balise>texte mis en forme avec la balise </balise>.
Il existe quelques balises qui ne se ferment pas avec </balise>. C'est le cas de <br>, <img src="chemin" >.
Un lien hypertexte (voir plus bas) est aussi créé, avec une balise "a" <a href="chemin" > le texte du lien ou l'image </a>

Voici les balises les plus fréquentes, et leur aspect sur ce site.

<h1>Titre1</h1>

<h2>Titre2</h1>

<h3>Titre3</h3>

<p> est un paragraphe neuf

<p> est un paragraphe neuf
<br> est un retour a la ligne forcé,
noter que l'espace entre lignes est different.

<p align=justify> est une balise de paragraphe, avec en plus un "attribut" d'alignement. Ici "justify". Cela peut aussi être "left", "right", "justify". Si on ne spécifie pas c'est "left".

  • <u> souligné(underline) </u>
  • <b> gras(bold) </b>
  • <big> gros(big) </big>
  • <big><big> très gros(big/big) </big> </big>
  • <small> petit(small) </small>

Liste et retrait <ul> ou <ol> <li> ... <li> ... </ol> ou </ul> :

    <ul>
  • <li> est une liste a puce, ul signifie unordered, </li>
    • </ul>
    <ul>
      <ul>
    • <li> est une liste a puce, ul induit un retrait, </li>
      • </ul>
    </ul>
    <ol> est le debut dune liste ordonnee
  1. <li> est une liste a puce </li>
  2. <li> est une liste a puce </li>
      3. <ol> est le debut dune liste ordonnee
    1. <li> est une liste a puce </li>
    2. <li> est une liste a puce </li>
      3. </ol>
  3. <li> est une liste a puce </li>
    4. </ol>

Remarque : il n'est pas gênant de ne pas fermer les balises "li" avec </li>

Un chemin vers une autre page, un document, ou une photo s'écrit de la façon suivante:

  1. s'ecrit "http://www.la_bas.com" si il s'agit d'un lien 'externe' a votre site
  2. s'ecrit "/dossier1/ici/...." si il s'agit d'un chemin absolu dans votre site, décrit à partir du tout premier dossier " / " du site. (Noter la première barre '/' dans le chemin).
  3. s'ecrit "dossier2/sousdoss/..." si il s'agit d'un chemin relatif DANS le dossier de la page ou apparait ce chemin (noter absence de '/').
La solution 3 est largement preferable, car error-safe, et beaucoup plus facile à "maintenir" quand on déplace des dossiers complets.

Cette notion de chemin relatif est absolument fondamentale. Elle sert à fabriquer les liens hypertexte, et à insérer des images.

Remarque : Avec WyWiWyG, les documents/dossiers dont le nom commencent par '_' (underscore) sont cachés au visiteur dans le catalogue, mais existent bel et bien. On peut donc faire des liens vers eux.

Deux exemples :

Lien hyper texte <a href="un chemin"> :

Voici un lien hypertexte Vers la racine du site
Ce lien hypertexte s'ecrit <a href="/">Vers la racine du site</a>

Voici un lien hypertexte Vers la racine du site
Ce lien hypertexte s'ecrit <a href="/" class=button>Vers la racine du site</a>

Mailto: support
S'ecrit: <a href="mailto:support@laurent-puech.fr">support </a>

In sérer une image <img src="un chemin vers l'image"height=60 > :

Le chemin "un chemin" doit conduire à l'image.

Remarque : éviter de fixer height and width a la fois sous peine de deceptions.

Exemple : <img src="horusani.gif" align=middle > produit ceci :

2-TABLES en HTML

3-Les pages de WyWiWyG.php

4-Cinq 'trucs', et fonctions de WYWIWYG.php

5-Mαths, Grec, πλuσ de hτμλ...