« Le langage HTML/Style de texte » : différence entre les versions

Contenu supprimé Contenu ajouté
Aucun résumé des modifications
Aucun résumé des modifications
Ligne 1 :
<noinclude>{{Le langage HTML}}</noinclude>
 
Le '''langagestyle HTML/Style dedu texte''' indique au navigateur qu'illa amise affaireen forme à telappliquer ou tel type deau texte pourselon changer la mise en formel'élément.
 
Comme pour les titres, la manière dont le texte est mis en forme dépend dudes réglageréglages du navigateur pour le style par défaut, ouet de la feuille de style (voir ''[[Le langage CSS]]'').
 
Plutôt que de « style de texte », il vaudrait mieux parler d'« éléments de texte » (« éléments de phrase » et « de citation »), puisque les balises décrivent des portions de texte.
 
== Éléments HTML de mise en forme ==
 
{| border="1"
Ligne 121 ⟶ 123 :
 
; Exemple
<syntaxhighlight lang="html">
Selon le site Alsacréations,
&lt;<q cite="<nowiki>http://css.alsacreations.com/Bases-et-indispensables/Quelle-est-la-difference-entre-un-div-et-un-calque</nowiki">"&gt;
cet abus de langage
cet abus de langage
est malheureusement demeuré très ancré
et induit de nombreux amalgames.
</q>
&lt;/q&gt;
</syntaxhighlight>
 
== Balises de mise en forme ==
Ligne 178 ⟶ 182 :
* type de police : <code>&lt;span style="font-family:"Times New Roman" "&gt;…&lt;/span&gt;</code>
mais il vaut mieux définir des styles dans un fichier à part et faire appel à ces styles (ce qui simplifie la maintenance des fichiers), par exemple, mettre dans le fichier CSS :
<syntaxhighlight lang="css">
.grand {font-size:1.1em}
.petitgrand {font-size:01.9em1em}
.petit {font-size:0.9em}
.souligner {text-decoration:underline}
.barrer {text-decoration:linethrough}
</syntaxhighlight>
ce qui s'exploite dans le fichier HTML de la manière suivante :
<syntaxhighlight lang="html">
&lt;p&gt;
<p>
Du texte en &lt;span class="grand"&gt;grandes&lt;/span&gt;
Du outexte &lt;en <span class="petitgrand"&gt;petites&lt;>grandes</span&gt; lettres,>
ou &lt;<span class="soulignerpetit"&gt;souligné&lt;>petites</span&gt;> lettres,
ou &lt;<span class="barrersouligner"&gt;barré&lt;>souligné</span&gt;.>
ou <span class="barrer">barré</span>.
&lt;/p&gt;
</p>
</syntaxhighlight>
 
{{loupe|Le langage CSS/Texte}}