Bon je sais que maintenant certain autre cours introduise le CSS... Cependant je préfère me concentrer sur le fond avant d'attaquer la forme !
Nous allons voir aujourd'hui les listes et les tableaux ! (je garde la lecture de vidéo/ de musique pour plus tard !)
Je pense que certain de ceux qui ont téléchargé ma page exemple l'on remarqué, mais lorsque j'ai fait mon CV, je n'ai pas utilisé (ou presque pas) la balise "p" ! J'ai préféré utilisé des listes qui sont pour moi plus indiqué dans ce cas de figure ! Pour cela je vais vous présenter 3 différentes balises :
La première est la balise fondamentale d'une liste :
Elle sert juste à indiquer que ce qui est dedans fait partie d'une liste. Ca peut sembler un peut bête de faire une balise juste pour ça mais cela permet de rendre plus clair le code quand un humain le lis, il sait directement qui va avec quoi !
Bon continuons maintenant que nous avons la structure de base de notre liste, que faisons nous?
Et bien ça dépends de si l'ordre des éléments importe ou pas !
Exemple : je suis entrain de me faire un planning des animés que je dois regarder en priorité ! A ce moment là, je vais avoir besoin d'une liste ordonnée !
Le premier éléments n'est pas échangeable avec le dernier ! De plus le premier éléments apparaîtra avec un "1)" devant, le deuxième avec un "2)" ect.
Bon second exemple qui va me permettre de présenter le second type de liste !
Supposons que doivent faire les courses. Clairement l'ordre d'achat importe peu. Je peux acheter les mangas avant les jeux-vidéos et la nourriture. Ca ne changera pas ma vie ! Je vais donc utiliser une liste non ordonnée.
Cette fois, le "1)" ne sera pas affiché devant le premier éléments seulement un petit point.
Bon normalement là ça va, maintenant passons à un plus gros morceaux : les tableaux !
Bon il va falloir s’accrocher un peu ... Promis je vais faire simple.
Si si promis ^^
Pour déclarer un tableau il faut d'abord mettre la balise suivante tous ce qui concerne votre tableau devra être mis dedans
Bon ensuite comme pour les images, vous pouvez lui mettre un titre (attention vu que ça concerne le tableau ça doit bien êter à l'intérieur de la balise précédente !
Bon une fois que vous avez donné un titre à votre tableau, on va le séparer en ligne puis cellule !
Chaque ligne de votre tableau doit être contenu entre ces balises ! Et quand vous voulez changer de ligne, vous devez mettre une autre balise !
Bon ensuite attaquons nous aux cellules de votre tableau !
Chaque cellule (un peu comme les listes) doit être contenu dans cette balise. Et comme le reste, si vous voulez faire une nouvelle cellule vous faites une nouvelle balise !
Vous allez me dire ok mais normalement un tableau ça contient une en-tête , et s'il est trop long un pied de page !
Et bien vous pouvez le faire grâce à trois balises! Vous devez les utilisé comme ça :
Allez courage c'est bientôt fini ! Il ne nous reste plus que deux chose à voir !
On peut fusionner des colonnes et des lignes!
Dans les deux pensez bien à ne pas mettre de cellule dans la ligne ou dans les cellules d'après ...
Voilà j'ai bien conscience que ça reste très dense mais c'est important pour la suite !
Dans le prochain chapitre, nous verrons la mise en forme graphique !
J'espère ne pas avoir été trop compliqué ^^