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
- <li> est une liste a puce </li>
- <li> est une liste a puce </li>
<ol> est le debut dune liste ordonnee
- <li> est une liste a puce </li>
- <li> est une liste a puce </li>
</ol>
- <li> est une liste a puce </li>
</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:
- s'ecrit "http://www.la_bas.com" si il s'agit d'un lien 'externe' a votre site
- 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).
- 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 :
|