Modélisation pour HTML et CSS – exemple de solution ;
domaine choisi : les employés de l'Université de La Réunion (U.R.)

HTML+CSS validator      
========================================================================================= 
Employee_of_the_University_of_La_Réunion
 \. ne{ (Teacher_at_the_University_of_La_Réunion
          \. ne{ (Teacher_for_the_L1_at_the_University_of_La_Réunion
                   |. Philippe.Martin@univ-reunion.fr  seb.hoarau@univ-reunion.fr)
                 (Teacher_for_the_L2_at_the_University_of_La_Réunion
                   |. Philippe.Martin@univ-reunion.fr  seb.hoarau@univ-reunion.fr)
               } )
        (Employee-at-the-University-of-La-Réunion_wrt_gender
          \. e{ (Male_employee_of_the_University_of_La_Réunion
                  |. Philippe.Martin@univ-reunion.fr  seb.hoarau@univ-reunion.fr)
                Female_employee_of_the_University_of_La_Réunion
              } )
        (Employee-at-the-University-of-La-Réunion_wrt_work_status
          \. p{ (Permanent_employee_of_the_University_of_La_Réunion
                   |. Philippe.Martin@univ-reunion.fr  seb.hoarau@univ-reunion.fr)
                Temporary_employee_of_the_University_of_La_Réunion
              } )
      }.



1. TD3 : organisation thématique des objets de ce projet


1.1. Les enseignants à l'U.R. selon où ils enseignent : L1, L2, ... M2

[@ Le numérotage des sections avec CSS a des avantages (la numérotation n'est pas à créer ou
mettre à jour manuellement) et des inconvénients (les numéros générés via CSS ne sont ni
visibles ni recherchables dans un éditeur de texte). Vous n'êtes donc pas obligés de créer les
numéros de sections via CSS, mais n'hésitez pas à le faire si vous le souhaitez. @]

1.1.1. Les enseignants d'étudiants en L1 à l'U.R.

[@ Dans chaque section, pas plus d'un paragraphe texte décrivant les objets relatifs à cette section.
Chaque paragraphe doit faire entre 1 et 10 lignes. @]
Philippe.Martin@univ-reunion.fr, seb.hoarau@univ-reunion.fr, ...


1.2. Les employés de l'U.R. selon leur genre

1.2.1. Les hommes employés à l'U.R.

...



2. TD4



2.2. Exemple de l'usage de "flex", en tant qu'attribut puis valeur


2.3. Exemple de l'usage de "flex", en tant qu'attribut puis valeur

2.3.1. Usage de "grid" en tant qu'attribut

2.3.2. Usage de "grid" en tant que valeur

2.3.3. Une grille selon l'option 1

2.3.4. Une grille selon l'option 2


2.4. TD4 – reste : "float", plus "display" et "position" si leurs usages n'a pas déjà été illustré



3. TD 5



4. TD 6



5. TD 7



6. TD 8