Un petit travail sur les flottants pour la mise en page. Rappel : clear : both; empêche l’élément auquel il est appliqué de remonter. .encadre::after{ content: ‘ ‘; display: table; clear: both; } Empêche le block désigné (encadre) de remonter. Appelé clearfix. Et pour que celui-ci soit complet il faut aussi le ::before .encadre::before{ content:…
Structuration de tableau
Chronologie Albert Einstein en quelques dates année mois évenements année mois évenements 1879 14 mars Naissance d’Albert Einstein Albert Einstein naît à Ulm, dans l’État de Wurtemberg en Allemagne. Sa mère est musicienne, et son père possède une usine électrochimique. Il grandira également auprès de son oncle ingénieur, qui, avec son père, lui donnera le…
Structuration de pages
Nous voyons maintenant la structuration de page html. En visuel il n’y a pas de quoi fouetter un chat, mais ici nous voyons comment structurer une page.
Les images
Aujourd’hui nous voyons plus en détail les possibilités liés aux images en html. La possibilité aussi de les aligner avec un style text-align vetical-align float………. Nous réalisons une page plus complète. Ici la possibilité d’intégrer, des images et des pages d’autre site, dans notre page et de circuler sur ces même pages avec la balise …
Tableau
020 Tableau Tableau sans fusion Cellule 1.1 Cellule 1.2 Cellule 1.3 Cellule 1.4 Cellule 2.1 Cellule 2.2 Cellule 2.3 Cellule 2.4 Cellule 3.1 Cellule 3.2 Cellule 3.3 Cellule 3.4 Cellule 4.1 Cellule 4.2 Cellule 4.3 Cellule 4.4 Tableau 1 Cellule 1.1 Cellule 1.3 Cellule 1.4 Cellule 2.3 Cellule 3.1 Cellule 3.3 Cellule 4.1 Cellule 4.2…
Liste
Liste UL (à puces) les balises<li> sont dans les< ul> et nous refaisons la même chose à l’intérieur des <li> liste OL (numérotée) Même chose que précédemment. Glossaire Le glossaire, lui est différant. La liste des définitions utilise les balises <dl> Dedans il y a les terme à définir <dt> et la définition du terme…
Police et CSS
Intégration de polices dans le CSS La page HTML La page CSS Un autre travail
HTML
Nous attaquons à présent le code HTML. Ici une simple mise en page. Les balises pour les citations: <blockquote> et <q> Faisant partie des entities qui affiche les balises et les caractères spéciaux. Nous avons (quelques unes): " nous donne: « < nous donne: < > nous donne: > nous donne elle un…