Faire son site et le publier

Kompozer et CSS

Mise en forme avec CSS : Les balises HTML - récapitulatif

Éléments de type "bloc"Mise en forme avec CSS : Représentation des blocs dans une page

Éléments de type "en ligne"

Les liens <a>Eléments de type En ligne

Les liens sont des éléments de type en ligne.
Dans un navigateur ils se présentent à la suite l'un de l'autre, sur une même ligne.
Dans le code ils se disposent simplement, les uns à côté des autres, dans le flux de la page.

code d'éléments en ligne : 3 liens disposés l'un après l'autre
Les balises <em> et <strong>

La balise <em> permet de délimiter un fragment de texte qui doit être mis en évidence (to emphasize, en anglais).

La balise <strong> permet de délimiter un fragment de texte qui doit être mis fort en évidence.

Ces deux balises disposent, dans la plupart des navigateurs, d'une mise en forme générique. Mais, comme d'habitude, il est possible de modifier le style "par défaut". Au lieu que strong soit en gras et em en italique nous pouvons demander une épaisseur ou un style normal et jouer sur les couleurs.

Dans l'éditeur CasCadeS, définir le style :
  • des éléments de type strong : écrits en rouge sur un fond jaune, épaisseur "Normale".
  • des éléments de type <em> : écrits en jaune sur fond mauve, le style de la police "Normal"
em et strong : 2 éléments de type en ligne
  • des liens : écrits en vert sur fond bleu et non soulignés
3 liens : éléments de type en ligne
La balise <cite>

Elle est employée pour indiquer une courte citation dans le texte.

La balise générique <span>

De la même manière qu'il existe une balise générique <div> pour les éléments de type "bloc",
il existe aussi une balise générique <span> pour les éléments de type "en ligne".

Exercice : 

4 classes dans Le corbeau et le renard                               4 classes dans La cigale et la fourmi
     
animal_1 : jaune sur fond noir
animal_2 : rouge sur fond vert
rime1 : rouge, gras
rime2 : bleu, italique

style appliqué aux éléments de même classe
balise générique span dans le code

Descendance

En CSS, on parle de descendance lorsqu'un élément (l'enfant) est contenu dans un autre élément (le parent).      

imbrication de 2 balises span                   imbrication de 2 balises span dans le code
Haut de page
Jos Argaud - Mise à jour 03/11/2008  Pour m'écrire  Document made with KompoZer  D'après le cours d'Yves Mairesse et avec son consentement