Le HTML (HyperText Markup Language)

Le HTML est un langage de balises utilisé pour les pages Web. Voici ce que j'ai compris :

Pour commencer, chaque balise a une catégorie (ex : < div > = block ; < p > = paragraph ; table = un tableau ;...)
Ensuite, on peut rajouter des éléments à cette balise pour la définir ou lui donner des ordres : (ex : < div id="Sa_défini"> ; < img src="une image" height="sa hauteur"> ;...)
Il faut toujours fermer les balises dans l'ordre : < A > < B > < /B > < /A > et non < A > < B >< /A > < /B >

Le CSS (Cascading Style Sheets)

Le Css permet de rajouter le style de la page (sa charte graphique), de la couleur, des formes et même des animations.

Quelque astuces pour le css :

1. Les class et les id (on parlera de la class mais cela vaut pour l'id):
   • On peut appliquer du code que a un ou plusieurs éléments d'une classe ou d'une id. Nous avons plusieurs façon de le faire :
   1. La manière la plus simple est de mettre la classe dans le HTML puis de mettre le nom d'un élément comme par exemple :
      .class p{~~~~}
      Ceci s'applique à toutes les éléments qui ont < p > comme parent ou grand-parents etc.
   2. La seconde manière permet de definir particulièrement ce qu'on vise, on va lui demander de respecter des conditions bien précises :
      .class div p {~~~~}
      Ici on demande de modifier le style de toutes les balises < p > qui sont elles-mêmes dans une balies < div >. Si on rajoute un < h1 > derrière le < p > dans la commande css, on lui demandera cette fois de modifier le style de tout les < h1 > qui se trouvent dans une balise < div > et < p >.
   3. La troisième et dernière méthode est d'utiliser une virgule entre des éléments, pour leur attribuer le même style : .class div, p {~~~~}
      Ici nous changeont tous les < p > et les < div > qui appartiennent à la classe .class. C'est-à-dire si la classe .class apparait dans leur hiérarchie, ils hériteront ce style.
   • Les appels :
     • On appelle une class avec un point '.' puis le nom de la class :
       .class {~~~~}
     • On appelle une class avec un # puis le nom de l'id :
       #id {~~~~}
     • Nous avons aussi un appel généralisé qui définit des styles pour tout les éléments avec le symbole * :
       * {~~~~}
   • Dans le HTML :
     • On définit une classe avec le mot "class" puis le nom de la class :
       class="nom_de_la_class"
     • On définie une class avec le mot id puis le nom de la l'id :
       id="nom_de_id"
2. Mettre des éléments alignés :
   • Il suffit de mettre display: "flex" dans la div où vous voulez que les éléments soient alignés.

Voici quelques notions de css utilisées :