My Web is Rich | Skholè

/////////// La structure de votre site

2020-ZZZ-web [rep] ┐ (remplacer ZZZ par votre pseudo)
                   | — mes-css   [rep]
                     └ ma-css.css
                   | — mes-img   [rep]
                   | — mes-pages [rep]
                   └ index.htm


/////////// Le texte pour une première page

[Titre n1]
Construire un site web
[Titre n2]
À propos des unités de mesure

[Titre n3]
Le cadratin (em)
[Corps du texte]
Le cadratin, en typographie, est une unité de mesure de longueur des espaces. Sa traduction anglaise em (de la lettre M) est utilisée comme symbole de l’unité.
1. Source : Wikipédia : l’article Cadratin.
https://fr.wikipedia.org/wiki/Cadratin

[Titre n3]
Le pixel (px)
[Corps du texte]
Le pixel est souvent abrégé p ou px. Il est l’unité de base permettant de mesurer la définition d’une image numérique matricielle. Son nom provient de la locution anglaise picture element, qui signifie « élément d’image ».
1. Source : Wikipédia : l’article Pixel.
https://fr.wikipedia.org/wiki/Pixel

[Titre n3]
Le point (pt)
[Corps du texte]
Le point typographique est l’unité de mesure principale de l’imprimerie et la typographie. Sa valeur a varié du simple au double au fil du temps.
Le point DTP (Desktop Publishing point), souvent appelé point pica, vaut 1/12 de pica. Le pica valant lui-même 1/6 de pouce, le point DTP vaut 1/72 de pouce.
Le point pica mesure environ 25,4/72 mm, soit environ 0,351 mm.
1. Source : Wikipédia : l’article Point (unité).
https://fr.wikipedia.org/wiki/Point_(unité)

[Titre n3]
Le pourcentage (%)
[Corps du texte]
Le pourcentage d’une partie d’un ensemble, ou d’un système physique, est le rapport d’une mesure (effectif ou grandeur extensive) de cette partie à la mesure correspondante de l’ensemble total (ou du système physique), exprimé sous la forme d’une fraction de cent.
Le pourcentage est donc un nombre sans dimension (un nombre pur), mais pour en rappeler l’origine on le fait généralement suivre du signe « % », ou parfois de « /100 », de « pour cent » ou de l’abréviation « p.c. ».
1. Source : Wikipédia : l’article Pourcentage.
https://fr.wikipedia.org/wiki/Pourcentage

[Titre n2]
Les unités de mesure
[Titre n3]
Tableaux récapitulatifs

[Tableau 1]
Les unités absolues
Unités
Symboles
Le centimètre
cm
Le pouce (en anglais « inch ») correspondant à 2,54 cm
in
Le millimètre
mm
Le point. Correspond à un soixante-douxième d’inch.
pt
Le pica (correspondant à 12 pt)
pc

[Tableau 2]
Les unités relatives
Unités
Symboles
Le cadratin ou em : unité relative à la taille de police de l’élément. Un em équivaut à 100 % de cette taille. Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la taille de la police de l’élément parent.
em
L’x-height ou ex : unité relative à la hauteur de la minuscule de l’élément. Seule exception à cette règle : lorsque la propriété font-size est définie, elle se rapporte à la hauteur de la minuscule de l’élément parent.
ex
Le pixel. Il s’agit d’une unité dont le rendu dépend de la résolution du périphérique d’affichage
px
Le pourcentage est une unité relative à la taille de l’élément ou de son parent.
%

Source :
1. CSS faciles : l’article Les unités CSS.
http://www.css-faciles.com/unites-css.php
2. W3C | Feuilles de style pour le Web – Trucs & astuces CSS : l’article em, px, pt, cm, in….
https://www.w3.org/Style/Examples/007/units.fr.html


/////////// En lien, la page d’accueil publiée pour exemple…

/////////// En pièce jointe, les fichiers de la page d’accueil 
            et de la feuille de styles pour exemple…