Organiser son texte

Organiser son texte




Je vais vous présenter quelques balises pour organiser votre texte.

Les titres :

<H1>

Voici la balise pour les titres, plus la chiffre est grand, plus le titre est petit.
exemple :

<H1>Mon titre</H1>

Ça donneras un gros titre:

Mon titre



mais si on écrit :

<H2>Mon titre</H2>

Ça donneras un titre plus petit :

Mon titre



Après les titres, nous allons voir les fonctions de base :

- souligné :
<U> </U>
- gras :
<B> </B>
- italique :
<I> </I>
- barré :
<S> </S>


Nous allons voir comment ajouter des liens :

voici la balise pour un site :

<a target="_blank" href="http://nautavius.fr/" title="site de Nautavius">mon site</a>


voici ce que ça donne sur la page :

mon site

target="_blank" sert a ouvrir le lien directement dans un nouvel onglet.
title est le titre qui s´affiche dans une info-bulle quand on laisse la souris dessus.
href est la cible du lien (elle peut être complète ou non).

Un lien complet commence inclu le chemin que dois parcourir le navigateur en incluant le nom de domaine :
"HTTP://site.com/page.html"

Un lien relatif est un lien qui commence à l´emplacement du fichier en lecture :
"./categorie/page1.html"
Attention : un lien relatif ne fonctionne que sur le même site web ou avec le même espace de sauvegarde,
il est plus utiliser pour naviguer dans un site même site web ou pour afficher les images.


Afficher une image :

imaginons que vous avez envie d´afficher cette image sur votre site web

Nautavius

Voici comment je vais faire :

<IMG SRC="image/moi.png" ALT="Nautavius" title="avatar de Nautavius" WIDTH=250 BORDER=0>

SRC le lien menant à l´image (attention, sensible à la casse)
Alt Le nom qui s´affiche quand le navigateur ne charge pas l´image.
border La taille des bords de l´image.
title est le titre qui s´affiche dans une info-bulle quand on laisse la souris dessus.
width Redimentionnement la largeur de l´image à la taille désirée en pixels.

Une image peut tout à fait servir de lien, il suffit de la placer entre les balises du lien en question.


La suite =>




ParNautavius,mentions-légales dernière mise à jour le : 02/04/2019 Licence Creative Commons