Lettrines
CHAPITRE 10
147
Application pratique
Il est temps de reprendre le projet de site présentant la région Alsace. Mettons
en pratique ce chapitre et appliquons une lettrine à chaque première lettre des
paragraphes du document. Voici pour mémoire le code HTML auquel nous
étions parvenus :
Bienvenue en Alsace
On pourrait opter pour la propriété :first-letter comme suit :
p:first-letter {
font-weight: bold;
font-size: 2em;
color: #330099;
float: left;
}
CHAPITRE 10
147
Application pratique
Il est temps de reprendre le projet de site présentant la région Alsace. Mettons
en pratique ce chapitre et appliquons une lettrine à chaque première lettre des
paragraphes du document. Voici pour mémoire le code HTML auquel nous
étions parvenus :
- Retour à l'accueil
- Présentation de la région
- Historique de l'Alsace
- Gastronomie locale
- Hôtels et gîtes
- Photographies
Bienvenue en Alsace
Une belle région française
[Paragraphe associé au sous-titre de niveau 2.]
title="lien
vers
des
photos
d'Alsace">
alt="photographie" />
Un patrimoine considérable
[Deuxième paragraphe associé au sous-titre de niveau 2.]
Pied de page et Mentions légales
On pourrait opter pour la propriété :first-letter comme suit :
p:first-letter {
font-weight: bold;
font-size: 2em;
color: #330099;
float: left;
}