Cette semaine, nous attaquons HTML5 avec un peu de CSS.
Le premier exercice est un texte de Einstein. Je dois faire une mise page basic du texte en utilisant uniquement du HTML5. Puis trois images nous sont fournit et nous devons les insérer à l’aide du html. J’obtiens donc 2 pages:
Puis la semaine se poursuit avec la création de tableaux en HTML:
Contenu | Contenu |
Contenu | Contenu |
Contenu | Contenu |
Contenu | Contenu | |
Contenu | Contenu | Contenu |
Contenu | Contenu |
Contenu | Contenu | |
Contenu | ||
Contenu | Contenu | Contenu |
Contenu | Contenu | Contenu | Contenu |
Contenu | Contenu | Contenu | |
Contenu | Contenu | ||
Contenu | Contenu | Contenu | Contenu |
Contenu | Contenu | Contenu | Contenu |
Contenu | |||
Contenu | |||
Contenu |
Contenu | Contenu | Contenu | |
Contenu | Contenu | Contenu | |
Contenu | Contenu | ||
Contenu | Contenu |
Contenu | Contenu | ||
Contenu | |||
Contenu | Contenu | Contenu | |
Contenu | Contenu |
2015 | Firefox | Chrome | IE | ||||||
---|---|---|---|---|---|---|---|---|---|
44 | 43 | 42 | 49 | 48 | 47 | 11 | 10 | 9 | |
2015 | 44 | 43 | 42 | 49 | 48 | 47 | 11 | 10 | 9 |
Firefox | Chrome | IE | |||||||
décembre | 23% | 23% | 23% | 23% | 23% | 23% | 23% | 23% | 23% |
novembre | 23% | 23% | 23% | 23% | 23% | 23% | 23% | 23% | 23% |
Par la suite, j’ai à ma disposition cinq images à assembler sur le même principe qu’un tableau. Le résultat à obtenir est une image de la Joconde avec un oeil qui cligne. Le fichier doit être composé de HTML et de règle CSS incorporé. La difficulté est de supprimer les marges:
(Pour supprimer les marges:
border-spacing: 0; border:none; padding:0; display:block)
Puis je dois reproduire un tableau en incorporant des couleurs uniquement avec des CSS. Je découvre donc de nouveaux sélecteurs tel que pair (even) et impair(odd), ainsi que les « colgroup »:
Et ainsi: