1) introduction
Ce que nous avons
fait jusqu’ici, c’est de réaliser des
pages avec de textes par défauts.
C'est-à-dire la police du texte était la police
par défaut, la couleur du texte était
la couleur par
défaut, la taille du texte l’était
aussi. Eh bien je sais que vous vous aviez
demandé comment aligner le texte, mettre
de la police du texte, la couleur du texte, modifier la taille du
texte, écrire
un texte en italique….
Eh bien maintenant
nous nous trouvons sur ce cours qui nous permettra de mettre la police
du texte
de notre choix et aligner le texte comme nous désirons. Pour la couleur et les
autres seront l’objet
des chapitres suivants.
2) Police du texte
Cette
partie nous permettra d’écrire un texte en times news
roman, elephant, arial black…
Je ne peux pas tous citer les différentes sortes de police
existante mais voici une photo qui vous aidera à trouver la
police que vous en
aurez besoin.
Vous ouvrez Word, cliquez format puis police, cette fenêtre
apparaîtra. Là où j’ai
encadré en rouge s’agit des différentes
sortes de
police. Donc à vous de choisir la police qui vous
intéresse.
Nous
avons beaucoup parlé, maintenant nous allons voir
comment faire. Ici
nous allons utiliser la balise <span></span>.
Pour la police on
utilise font-family.
syntaxe: <span
style="font-family:
police;">mot_à_mettre_la_police</span>
exemple:
demo:
le site de la technologie
|
code html:
<span
style="font-family: Arial Black;">le site de la technologie
</span>
|
3)
Alignement du texte
Comme vous voyez, on a
écrit alignement du texte, mais la manière
que nous allons utiliser pour aligner le texte, vous pouvez
l’utiliser pour
aligner d’autres choses comme images, tableau…
Si nous ne choisissons
une méthode d’alignement de notre
texte, le texte sera toujours aligner à gauche (alignement
par défaut).
Ici nous allons voir
quatre types d’alignement :
gauche, centre, droite, justifier.
Ici
nous devons retenir au moins 6 choses :
La balise
div :(<div></div>), text-align (qui
montre l’alignement du texte), left (gauche), center
(centre), right
(droite),
justify
(justifié)
Pour aligner le
texte, il est beaucoup plus simple : regarde juste la syntaxe.
syntaxe:<div
style="text-align:
alignement;">texte_à_aligner</div>
alignement doit être
remplacé par left si on veut aligner le
texte à gauche, par right si on veut aligner le texte
à droite, par center si
on veut centrer le texte, par justify si on veut écrire un
texte justifié.
exemple:
code html:
<div style="text-align:
center;">le site de la technologie</div>
|
Note bien :
Vous
pouvez aussi utiliser le retrait pour aligner votre texte là
où vous voulez.
syntaxe:
div
style="margin-left:
nombre_de_pixels;">texte_à_aligner
</div>
exemple:
code html:
<div style="margin-left:
600px;">le site de la technologie </div>
|