Trucsweb.com

Trucsweb.com

HTML

Mise en forme du texte HTML

RDFFav

Les lignes - Séparateur de paragraphe.

Ce n’est pas à proprement parlé de mise en forme du texte mais il fallait bien la placer cette balise quelque part. Pourquoi ici, eh bien parce qu’elle génère automatiquement un saut de paragraphe tout simplement. Pour tracer une ligne dans votre document vous devez utiliser la balise HR.ligne lignes tracer séparation séparateur séparer séparé paragraphe balise hr HR align noshade width size align left right center tables pourcentage images largeur hauteurLes lignes - Séparateur de paragraphe.

  • · Niveau : DÉBUTANT
  • · Compatibilité : Tous les navigateurs

Ce n’est pas à proprement parlé de mise en forme du texte mais il fallait bien la placer cette balise quelque part. Pourquoi ici, eh bien parce qu’elle génère automatiquement un saut de paragraphe tout simplement.

Pour tracer une ligne dans votre document vous devez utiliser la balise <hr /> . Comme je viens de le dire elle génère un saut de paragraphe et n’est pas tellement esthétique. Cette balise ne demande pas de fermeture, il suffit de placer la barre de fermeture directement dans la balise.

Pour faire une ligne plus esthétique, je conseil de faire une table qui ne contient qu’une image de 1 pixel de haut (ou plus) et de la largeur désirée pour faire la ligne. Cette technique est pratique puisqu’elle permet de tracer une ligne directement sous une phrase ou entre deux phrases sans générer de saut de paragraphe. Cette technique est aussi plus esthétique car elle permet de tracer des lignes personnalisables tant au niveau de la couleur que de la grandeur.

Vous pouvez déterminer la grandeur, et l’alignement de la ligne à l’aide des paramètres de la balise <hr /> .

Exemple de la balise <hr>
<hr> = Ligne de deux pixels de haut et de 100% de largeur avec un simili ombrage très douteux.
<hr WIDTH="x%"> une grandeur en pourcentage ex : 50%
<hr WIDTH=y> = Une grandeur fixe ex : 200 pour 200 pixels
<hr SIZE=x> = La hauteur en pixel ex : 1 pixel
<hr ALIGN="center"> = Centrer la ligne
<hr ALIGN="left"> = Aligner à gauche la ligne
<hr ALIGN="right"> = Aligner à droite la ligne
<hr NOSHADE> = Sans simili ombrage douteux.

Exemple de la balise <hr>
<hr WIDTH="50%" SIZE="2" ALIGN="center">
<hr WIDTH="50%" SIZE="1" ALIGN="right">
<hr WIDTH="50%" SIZE="2" ALIGN="left" NOSHADE>

Soit :

<hr WIDTH="50%" SIZE="2" ALIGN="center"> <hr WIDTH="50%" SIZE="1" ALIGN="right" /> <hr WIDTH="50%" SIZE="2" ALIGN="left" NOSHADE />

Exemples avec une image et une table :

Et son code :



<IMG SRC="image.gif" WIDTH="400" HEIGHT="1" />
Django (Oznog) Blais
Dernière mise à jour :

Commentaires

    Ajouter un commentaire
    Votre adresse de courriel ne sera pas publiée. * L'astérisque indique les champs obligatoires.
    Votre évaluation du tutoriel

           Visites : 20391 - Pages vues : 62784
    X

    Trucsweb.com Connexion

    Connexion

    X

    Trucsweb.com Mot de passe perdu

    Connexion

    X

    Trucsweb.com Conditions générales

    Conditions

    Responsabilité

    La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

    Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

    Droit applicable et juridiction compétente

    Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Glossaire

    X

    Trucsweb.com Trucsweb

    X

    Trucsweb.com Trucsweb

    Conditions

    Aucun message!

    Merci.

    X
    Aucun message!
    X

    Trucsweb.com Créer un compte

    Créer un compte

    .
    @