Présentation HTML/CSS 11/05/2020

</HEADER>

Les balises sémantiques

L'utilisation du balisage HTML vise à renforcer le sémantisme (la signification) des informations contenues dans les pages web. C'est-à-dire leur sens, plutôt que de se borner à définir leur présentation (ou apparence).

Le langage CSS quant à lui, est utilisé pour suggérer la forme sous laquelle il sera présenté aux utilisateurs humains.

Il est donc important pour les moteurs de recherche ou leurs agents afin de pouvoir qualifier l'importance du contenu.

Resize

La propriété resize permet de contrôler le caractère redimensionnable d'un élément et notamment la direction dans laquelle celui-ci peut être redimensionné.

Redimensionnez cette boite à volonté ! (voir en bas à doite)

Syntaxes:
---------
resize: none;
//Aucune posibilité de redimensionnement
resize: both;
// mécanisme permettant de le redimensionnement Horizontal et Vertical
resize: horizontal;
resize: vertical;
resize: block;
resize: inline;

Box-Sizing

Propriété CSS. Définit la façon dont la hauteur et la largeur totale d'un élément est calculée.
En CSSla largeur et la hauteur affectées à un élément s'appliquent par défaut à la boîte de contenu (content box) de l'élément.
Si l'élément possède une bordure (border) ou du remplissage (padding), celui-ci est ajouté à la largeur et/ou à la hauteur de la boîte affichée à l'écran.
Cela signifie qu'il faut ajuster les valeurs de hauteur et de largeur afin qu'elles permettent d'ajouter n'importe quelle bordure ou n'importe quel remplissage qui serait ajouté par la suite.

Syntaxes:
---------
box-sizing: content-box; // valeur par défaut
box-sizing: border-box; // indique au navigateur de prendre en compte la bordure et le remplissage.

ex 1:
---
box-sizing: content-box;
width: 100%;
// la boite sans bordure sera ajustée à sa boite parente

ex 2:
----
box-sizing: border-box;
width: 100%;
border: solid orange 10px;
// La boite avec bordure orange de 10px sera ajustée à sa boite parente.