Un cadre est un espace dans lequel on mettra du contenu (menu, news, texte, galerie d'images, etc. ...) pour regrouper des affichages similaires, pour donner du sens à un ensemble de textes, etc. ... (comme les encarts, le menu), les articles de cette page).

Pour créer un cadre, on utilise parfois les balises section, article, header, footer ou aside, mais plus souvent (presque toujours) la balise div.

le cadre sera alors géré par du css pour faire son design (couleur, fond, bordure, ombrage, transitions et transformations) et positionné dans la page.

mais commençons par faire simple (et pas comme ci-contre ...).

Créer une page contenant plusieurs cadres réalisés avec des div (4 ou 5).

Numéroter ces div en leur donnant un identifiant (div1, div2, ...).

Y insérer le texte suivant (copier/coller le même partout).

Quodam fors quodam primigenios Samiramidis iuxta Samiramidis aptatae servitium quae Samiramidis obluridi hominum praepositis faciunt cursu quaqua digerentibus vicinitate fontes. Gentes aliquotiens Isauriam repellenteque Persarum locum eum numero re arma locum incursare gentes a ordinatus nos Nohodares versabili quadam perrupturus iuvant incessunt in quidam usquam et repperisset iuvant saepe quadam.

Donnez leur de la couleur et du volume avec les styles (background, width et height)

Puis utiliser les styles suivants pour déplacer les DIV :

• float:left; ou float:right;
• top:300px; ou bottom:300px;
• left:300px; ou right:300px;
• etc ... chercher les propriétés sur le net ("placement des div")

le code devrait ressembler à ça :
<div id="div1" style="background:#f00; height:150px; width:300px; float:left;" >Div 1 : lorem ...</div>

(note : changer les couleurs, le n0 et les mesures)