HTML ->- Mise en forme du Texte

Il est inimaginable d'avoir un site sans texte, nous allons donc vous donner des info pour rendre plus jovial votre texte

Paragraphes et alignements

Par défaut, le texte saisi dans un document HTML apparaît en un seul bloc. Vous devez mettre dans le code de votre page l'utilisation des paragraphes et des sauts de ligne pour l'aerer


Retour à la ligne :

Pour insérer un retour à la ligne dans votre page, balise : <BR>., elle ne possède pas de balise de fermeture associée ;c’est une balise ponctuelle.

Exemple :

Salut,<br>
Vous allez bien ?

Paragraphes :

La balise <P>, comme paragraphe, indique le début d'un paragraphe et pour la balise fermeture</P>.

On peut y associer un attribut, ALIGN, qui permet de choisir l'alignement du paragraphe sur la page :

Exemple :

<p align="center">Bonjour</p>

<p>Et au revoir</p>

<!--Les differents attributs de ALIGN sont :"center", "left", "right" et par defaut votre texte sera aligne a droite-->

Titres (ou taille de caractere) :

Une balise ( six balises en realité) s'occupe de définir un titre, <h(num)> et et ferme par </h(num)>.

Exemples :

Titre de niveau 1

(balise <H1>)

Titre de niveau 2

(balise <H2>)

Titre de niveau 3

(balise <H3>)

Titre de niveau 4

(Balise <H4>)
Titre de niveau 5
(Balise <H5>)
Titre de niveau 6
(Balise <H6>)

Les listes

Pour énumérer différents éléments dans un texte, il en existe deux types : à puces et numérotées.

Les listes numérotées utilisent la balise <OL>. En revanche, on utilisera toujours <LI> pour définir les différents éléments de la liste.
Les listes à puces sont délimitées par la balise <UL>. Une autre balise, <LI>, précise l'ensemble des éléments de cette liste.

Exemple :

  1. Liste avec la baliste OL 1°
  2. Liste avec la baliste OL 2°
  • Liste avec la baliste UL 1°
  • Liste avec la baliste UL 2°

Les listes imbriquées, pour faire des listes dans les liste rajoutez seulement <ol></ol> ou <ul></ul> suivant votre choix dans une autre !

Exemple :

  1. Insertion n°1
  2. Insertion n°1.2
    1. Insertion n°2
    2. Insertion n°2.1
  3. Test avec onglet
    • Onglet n°1
    • Onglet n°1
  4. Et on reprend !!!!

<!-- Cet exemple a ete effectue avec la baliste <ol> en principale, mais le resultat est le meme avec <ul> (onglet)-->

Utilisation des polices :

Par défaut, les textes sont affichés dans une police standard (Times New Roman sous Windows) avec une taille moyenne et en noir (sauf si vous avez modifiez ce parametre dans la configuration de votre navigateur).

La balise <FONT> permet de modifier la police de caractères. Ses trois principeaux attributs sont : SIZE, COLOR et FACE.

SIZE : Taille du texte.

La valeur indiquée doit être comprise entre 1 et 7. La taille réelle qui en résulte dépend du navigateur (il existe aussi +1, +2, ... ainsi que -1, -2,.... mais nous n'avons toujours pas bien saisi leur fonction :( .

COLOR : couleur du texte compris entre les balises <FONT> et </FONT>.

La couleur codée en hexadécimal sous la forme #11EEBB , les codes exadecimeaux allant de 0 a 9 et de A a F, #000000 etant blanc et #FFFFFF etant noir !.

FACE : nom de la police à utiliser.

<!-- Attention car cette commande se sert dans les polices de votre ordinateur, donc si la personne qui visite votre site n'a pas cette police d'ecriture, son ordinateur traduira automatiquement le texte ecris avec la police qu'il a d'attribue par defaut !-->

On peut utiliser l'ensemble de ces attributs pour obtenir une mise en forme originale :

Exemple :

Salut vous tout compris? HOURA !!

Imprimer l'article
Redaction : Colombine, Arck