mac

Cours (x)HTML

------------------------------------------------------------------------------------------------------------------------------------------------

4. Texte

4.1) Les caractères

# Différents styles d'écriture :

Il est possible de modifier le style de votre écriture. Voici quelques possibilité.

* Gras : exemple

<strong>votre_texte</strong>

* Italique : exemple

<em>votre_texte</em>


* Souligné : exemple

<u>votre_texte</u>


* Barré : exemple

<s>votre_texte</s>

# Modifier la taille de l'écriture :

Il est possible de modifier le la taille des caractères du texte. Voici quelques possibilité.

Méthode : Pour faire ceci il faut que vous placiez 2 bouts de code dans votre page.

* Entre les balises <head> et </head> mettez :

<style type="text/css">
      <!--
      .style1 {font-size: 16px}
      -->
</style>

* Entourrez votre texte qui se trouve dans les balises <body> et </body> de cette façon :

<span class="style1">votre_texte</span>

Les différents éléments :
- style1 : permet de mettre en relation les propriétés du texte des balises <head> et le texte des balises <body>
- 16px : à la place du chiffre "16" placé les taille du texte que vous désirez (en pixels)

Exemple :

<html>
      <head>

                  <title>Titre de la page</title>

                  <style type="text/css">
                  <!--
                  .style1 {font-size: 16px}
                  -->
                  </style>

      </head>
      <body>

                  <span class="style1">
                  votre_texte
                 
 </span>

      </body>
</html>



4.2) Les Paragraphes

Caractéristiques du paragraphe : C'est une zone de texte délimitée au-dessus et en-dessous par un saut-de-ligne.

Pour créer un paragraphe utilisés ces balises autour du texte qui formera le paragraphe : <p>texte_du_paragraphe</p>

Exemple :

      <p>
Bienvenu dans ma page internet. Vous y trouverez de nombreuses informations sur le webmastering.
      </p>


4.3) Les titres

Voici comment ajouter des titres des vos pages.
En xHTML il existe 6 niveaux de titres différents.
Chaque niveau de titre est caractérisé par une taille différente.

Voici les différentes balises :

Exemple :

<h2>Titre_du_paragraphe</h2>


4.4) Aligner le texte

Pour aligner un texte il faut utiliser la commande : align="emplacement_tu_texte"

Types d'emplacements : left, center, right, justify

# Aligner un paragraphe :

Dans la balise <p> du paragraphe à aligner placez la commande align="emplacement_tu_texte"

Exemple :

      <p align="center">
Bienvenu dans ma page internet. Vous y trouverez de nombreuses informations sur le webmastering.
      </p>

# Aligner du texte :

Créez les balises <div align="emplacement_tu_texte"> et </div>
Ces 2 balises doivent entourrer le texte à aligner.

Exemple :

      <div align="center">
Bienvenu dans ma page internet. Vous y trouverez de nombreuses informations sur le webmastering.
      </div>

------------------------------------------------------------------------------------------------------------------------------------------------

Retour - Sommaire - Suivant