2- la mise en forme concernant la police et la couleur de police: il faut dans un premier temps insérer "font-size" et dans un second temps mettre la taille en em sachant que cela fait référence à la taille de body. De plus, pour que la police soit en gras, c'est : "font-weight:800" et pour qu'elle le soit en italique, c'est: "c&aposest font-style:italic". En ce qui concerne la couleur de la police, se sera: "color#... puis le code CSS".
3- pour la mise en forme du texte, il a fallu que j'utilise "text-align:center" pour que mon texte soit en style justifié mais aussi "text-indent:..." pour avoir un alinéa en début de chaque paragraphe. "padding-left:...px" et "padding-right:... px" permettent d'aligner un titre à gauche ou à droite. Sous presque la même forme, on aura "margin-left:...px" et "margin-right...px" pour mettre une marge à gauche ou à droite.
4- le fond de couleur attribué à notre page internet s'est fait grâce à "background-color:#... + la couleur choisie.
5- pour créer un menu avec des onglets, il faut dans un premier temps créer une boite contenant des onglets. Dans celle-ci, il faut renter les caractéristiques globales de la barre des onglets telles que:
- border-bottom pour le trait en-dessous des onglets.
- padding-top pour la marge intérieure haute.
- padding-bottom pour la marge intérieure basse.
6- concernant l'onglets actif et les onglets inactifs: il a fallu créer un style pour la mise en forme de l'onglet actif en utilisant:
- border-bottom pour le trait en-dessous de l'onglet actif.
- margin pour les marges inférieures de celui-ci.
- padding pour les marges extérieures de ce dernier.
- background-color pour la couleur de fond de cet onglet.
et pour les onglets inactifs, j'ai utiliser:
- margin pour la marge extérieure de ceux-ci.
- padding pour la marge intérieure de ces onglets.
- border pour leur encadrement.
Pour finir, j'ai créer un autre style pour créer des liens dans les onglets inactifs en utilisant:
- background-color pour la couleur de fond.
- text-decoration pour avoir des liens soulignés ou non.
7- pour mettre en forme notre travail, j'ai dû utiliser des "listes". Dans un premier temps, j'ai utilisé des liste "ol" pour incorporer d'autres sous-parties et dans un second temps des listes "li".
8- pour faire apparaitre les accents sous HTML, il faut dans un premier temps aller sur internet dans "accents CSS et HTML" puis on va trouver un tableau où il y aura des codes comme par exemple:
- "à" = à.
- "é" = é.
- "è" = è.
- "ê" = ê...
Une fois que l'on a pris les codes qui nous intéresse, on retourne dans notre Notepad++ ou dans notre bloc-notes et on insère à la place des "?" les codes que l'on souhaite utiliser pour que les accents apparaissent correctement sur notre site.
9- pour insérer une photo, il faut aller dans notre Notepad++ ou dans notre bloc-notes et insérer:
<ul>
<img crc = "nom du fichier de l'image.jpg ou gif">
</ul>