Mise en Forme d’un texte en html

Contenu du cours

Les principales balises de mise en forme en HTML
Tableau récapitulatifs des balises de mise en forme en html
Exemples d'usages des balises de mise en forme HTML

1. Les principales balises de mise en forme en HTML

Le langage HTML offre la possibilité de mettre en forme un texte en toute fluidité grâce à des balises spécifiques. Ainsi pour mettre des titres en avant, on utilise les balises <h1>, <h2>, <h3>, <h4>, <h5> et <h6>. Chacune de ces balises correspond à un niveau de titre, allant du titre principal <h1> aux titres secondaires <h2> jusqu'au titres minuscules <h6>.

2. Tableau récapitulatifs des balises de mise en forme en html

3. Exemples d'usages des balises de mise en forme HTML

Exemple (balise de titre )

<h1>Titre 1</h1>
<h2>Titre 2</h2>
<h3>Titre 3</h3>
<h4>Titre 4</h4>
<h5>Titre 5</h5>
<h6>Titre 6</h6>

<h1>Titre 1</h1>

<h2>Titre 2</h2>

<h3>Titre 3</h3>

<h4>Titre 4</h4>

<h5>Titre 5</h5>

<h6>Titre 6</h6>

Ce qui affiche au navigateur:

Exemple (texte en gras, souligné, en italic)

Avec Html on peut ecrire:<br />
en <b>gras</b>,<br :/>
en <i>italique</i><br /> 
et avec <u>soulignement</u>

Avec Html on peut ecrire:<br />

en <b>gras</b>,<br :/>

en <i>italique</i><br />

et avec <u>soulignement</u>

Ce qui affiche au navigateur:

Exemple ( texte en exposant, texte en indice)

Voici un exempe de texte en indice A<sub>23</sub> <br />
Voici un exemple de texte en exposant: A<sup>23</sup>

1 2	Voici un exempe de texte en indice A<sub>23</sub> <br /> Voici un exemple de texte en exposant: A<sup>23</sup>

Exemple (citation HTML)

Nous allons présenter un exemple simple de citation HTML en utilisant  la balise  blockquote
    <blockquote> 
Voici un texte en citation avec la balise blockquote. Vous constatez que le texte est décalé du gauche vers l'adroite marquant ainsi un effet de citation.
    </blockquote>

Nous allons présenter un exemple simple de citation HTML en utilisant la balise blockquote

Voici un texte en citation avec la balise blockquote. Vous constatez que le texte est décalé du gauche vers l'adroite marquant ainsi un effet de citation.

</blockquote>

Exemple ( modifier la taille de police en html)

<font size="1"> Taille minuscule </font> 
<br />
<font size="2"> Taille petite </font> 
<br />
<font size="3"> Taille normale </font> 
<br />
<font size="4"> Taille large </font> 
<br />
<font size="5"> Grande Taille </font> 
<br />
<font size="6"> Très grande Taille </font> 
<br />
<font size="7"> Très très grande Taille </font>

<font size="1"> Taille minuscule </font>

<br />

<font size="2"> Taille petite </font>

<br />

<font size="3"> Taille normale </font>

<br />

<font size="4"> Taille large </font>

<br />

<font size="5"> Grande Taille </font>

<br />

<font size="6"> Très grande Taille </font>

<br />

<font size="7"> Très très grande Taille </font>

Exemple (texte en couleur en html)

Avec HTML on peut écrire en <font color="red"> rouge</font>, 
en <font color="blue"> bleu </font> en <font color="green"> vert </font>...

1 2	Avec HTML on peut écrire en <font color="red"> rouge</font>, en <font color="blue"> bleu </font> en <font color="green"> vert </font>...

Younes Derfoufi
CRMEF OUJDA

Post Views: 2 882

Acheter sur Très Facile !

Mise en Forme d'un texte en html

1. Les principales balises de mise en forme en HTML

2. Tableau récapitulatifs des balises de mise en forme en html

3. Exemples d'usages des balises de mise en forme HTML

Exemple (balise de titre )

Exemple (texte en gras, souligné, en italic)

Exemple ( texte en exposant, texte en indice)

Exemple (citation HTML)

Exemple ( modifier la taille de police en html)

Exemple (texte en couleur en html)

Bail Eternity Projecteur Portable à LED : Cinéma à Domicile

Apprendre Python de façon Express

Espace Publicitaire : Boostez la visibilité à votre entreprise sur TresFacile.net

Leave a Reply Cancel reply