Fili

ère : Infrastructure digital option system

et réseau

Rapport : De module gestion de projet

d’infrastructure digital

HTML et CSS

Réalisée par : Dina AZOUAGHE Formateur : Mr Mohamed ZAZZA

1
Sommaire :
1-Introduction………………………………………………..………………….………..
*Gantt projet…………………………………………………………………….
2Historique……………………………………………………………………………….
a) – Les versions de HTML………………………………………………………
b) – Les versions de CSS………………………………………………………….
3-Présentation sur HTML et CSS………………………………………………….
a) – Définition de HTML………………………………………………………….
b) – Définition de CSS……………………………………………………………..
c) - Structure de html et ccs……………………………………………………
4-Crée une page web vide par HTML………………………………………….
5-Les bases de HTML …………………….……………………………………………
a)Les élément en html (titre,paragraphe,liens)………………………
b)Les attributs……………………………………………………………………….
c)Les commentaires………………………………………………………………
d)Les listes…………………………………………………………………………….
e)Les images…………………………………………………………………………
f)Les vidéos…………………………………………………………………………..
g)Les audio……………………………………………………………………………
h)Les tableaux………………………………………………………………………
i) Les formulaires………………………………………………………………….
J)les styles de text…………………………………………………………………
6-Les bases de CSS…………………………………………………………………..

2
 a)-Les styles de textes…………………………………………………………………
b)-Margin…………………………………………………………………………………..
c)-Padding………………………………………………………………………………….
d)-Border………………………………………………………………………… ………..
e)-Arrière-Plan (background)………………………………………………………
8-crée une page web (Anid) par html et ccs…………………………….…………
a) - Page web Accueil …………………………………………………………………………………
b) -Page web Login………………………………………………………………………
c) - Page web contactez-nous………………………………………………………
d) - Page web service……………………………………………………………………
e) - Page web about me……………………………………………………………….
9-Conclusion…………………………………..………………………………………………..
10-Références…………………………………………………………………………………….

3
Introduction :
HTML (HyperText Markup Language) et CSS (Cascading Style
Sheets) sont deux langages essentiels pour la création de sites
web.
HTML est utilisé pour structurer et organiser le contenu d'une
page web. Il permet de définir les différents éléments tels que
les titres, les paragraphes, les images, les liens, les tableaux…
CSS est utilisé pour définir la présentation et la mise en forme
du contenu HTML. Il permet de contrôler les couleurs, les
polices, les marges, les bordures, les positions des éléments,
et bien plus encore.
*Gantt projet

4
2)-Historique :
HTML(hyperText Markup Language) est un language de balisage
concu pour représenter la structure des documents sur internet . Il a
été crée en 1991 par Tim Berners-Lee.

a) – Les versions de HTML

1. HTML 2.0 : Sorti en 1995, HTML 2.0 a introduit la prise en charge des
tableaux et des cartes d'images .
2. HTML 3.2 : Sorti en 1997, HTML 3.2 a introduit la prise en charge des
cadres, permettant de diviser une page web en plusieurs sections.
3. HTML 4.01 : Sorti en 1999, HTML 4.01 a apporté des améliorations
supplémentaires, notamment la prise en charge des feuilles de style, du
Scripting et des éléments multimédias.
4. XHTML 1.0 : Sorti en 2000, XHTML (Extensible HyperText Markup
Language) 1.0 était une version basée sur XML de HTML 4.01.
5. HTML5 : Sorti en 2014, HTML5 est la dernière version majeure de
HTML. Il a introduit de nombreuses nouvelles fonctionnalités,
notamment la prise en charge native du multimédia, le canvas pour
dessiner des graphiques et une meilleure sémantique pour structurer le
contenu web.

CSS (Cascading Style Sheets)est un langage de style développé pour

séparer la présentation des éléments HTML de leur signification. Il a
été créé en 1996 par Håkon Wium Lie et Bert Bos.
b) – Les versions de CSS :
1. CSS1 : CSS1 était la première version officielle de CSS, publiée
en 1996.
2. CSS2 : CSS2 a été publié en 1998 et a apporté de nombreuses
améliorations par rapport à CSS1.
3. CSS2.1 : CSS2.1 est une version révisée de CSS2, publiée en
2004. Elle a corrigé certaines erreurs et ambiguïtés de CSS2.

5
 4. CSS3 : CSS3 est une spécification modulaire qui regroupe
différentes fonctionnalités introduites après CSS2..
3)-Présentation sur html et css
a)- Définition de HTML
HTML (HyperText Markup Language) est un langage de balisage utilisé pour créer
des pages web. Il définit la structure et le contenu d'une page web en utilisant des
balises et des éléments. Les balises HTML sont des instructions entourées de
chevrons (< >) qui indiquent au navigateur comment afficher le contenu.
Par exemple, la balise <h1> est utilisée pour définir un titre de premier niveau, la
balise <p> est utilisée pour définir un paragraphe, et la balise <img> est utilisée pour
insérer une image.
HTML permet également de créer des liens hypertexte, de formater le texte, d'ajouter
des listes, des tableaux, des formulaires et bien plus encore. Il est la base de la
plupart des sites web et est interprété par les navigateurs pour afficher le contenu de
manière structurée.

b)- Définition de CSS

CSS (Cascading Style Sheets) est un langage de feuilles de style utilisé pour
spécifier la présentation et le style d'un document écrit dans un langage de balisage
tel que HTML ou XML. Il permet de décrire comment les éléments HTML doivent être
affichés à l'écran
En utilisant des règles CSS, on peut définir des propriétés telles que la couleur, la
taille, la police, la mise en page et les effets visuels des éléments d'une page web.
Ces règles sont appliquées de manière hiérarchique.
Par exemple, en utilisant CSS, on peut définir que tous les titres <h1> d'une page
doivent être en gras et de couleur rouge, ou que tous les liens <a> doivent avoir une
couleur de fond spécifique lorsqu'ils sont survolés.
CSS permet également de créer des mises en page complexes, de gérer la réactivité
et l'adaptabilité des sites web, et d'apporter des améliorations d'accessibilité.

c) - Structure de html et ccs…

HTML (HyperText Markup Language) et CSS (Cascading Style Sheets) sont deux
langages utilisés pour créer des pages web. Voici comment chaque langage
contribue à la structure d'une page web :
HTML :
- HTML définit la structure et le contenu d'une page web.

6
- Il utilise des balises pour marquer différents éléments de la page, tels que les titres,
les paragraphes, les images, les liens, les tableaux, etc.
- Les balises HTML définissent la signification et la fonction de chaque élément.
- HTML permet de créer une structure hiérarchique en utilisant des balises
imbriquées.
- Il fournit également des attributs pour spécifier des informations supplémentaires
sur les éléments, comme les classes, les identifiants, les styles
CSS :
- CSS est utilisé pour décrire la présentation et le style d'une page web.
- Il permet de contrôler l'apparence visuelle des éléments HTML définis dans le
fichier HTML.
- CSS utilise des sélecteurs pour cibler les éléments spécifiques auxquels appliquer
des styles.
- Les règles CSS définissent les propriétés de style telles que la couleur, la taille, la
police, la mise en page, les marges, les bordures, etc.
- CSS permet également de créer des mises en page complexes, de gérer la
réactivité et l'adaptabilité des sites web, et d'apporter des améliorations
d'accessibilité.

4-Crée une page web vide par HTML

Voici comment créer une page web vide en HTML :
html
<!DOCTYPE html>
<html>
<head>
<title>Ma page web</title>
</head>
<body>
</body>
</html>

7
Ce code représente une structure de base pour une page web HTML vide. Vous
pouvez l'utiliser comme point de départ pour ajouter du contenu, des styles
CSS et des fonctionnalités à votre page

5-Les bases de HTML

a)-Les éléments en HTML
Les balises en HTML sont des éléments utilisés pour structurer et organiser le
contenu d'une page web. Elles sont entourées par des chevrons ("<" et ">") et
sont généralement utilisées par paires, avec une balise d'ouverture et une
balise de fermeture. Les balises indiquent au navigateur comment interpréter
et afficher le contenu entre elles.
Par exemple, la balise <h1> est utilisée pour définir un titre de niveau 1, la
balise <p> est utilisée pour définir un paragraphe de texte, et la balise <img> est
utilisée pour insérer une image dans la page.
Certaines balises ont également des attributs qui fournissent des informations
supplémentaires. Par exemple, la balise <a> utilise l'attribut "href" pour
spécifier l'URL de destination du lien hypertexte.
Les balises HTML sont essentielles pour structurer et formater le contenu d'une
page web, et elles permettent aux navigateurs et aux moteurs de recherche de
comprendre la signification et la hiérarchie du contenu.

b)-Les attributs
En HTML et CSS, il existe plusieurs attributs qui peuvent être utilisés pour
définir le style et le comportement des éléments HTML. Voici quelques-uns des
attributs couramment utilisés :
1. class : L'attribut "class" permet de spécifier une ou plusieurs classes pour un
élément HTML. Les classes sont utilisées pour appliquer des styles CSS
spécifiques à ces éléments. Par exemple, <div class="ma-classe">...</div>.

8
2. style : L'attribut "style" permet de définir des styles CSS directement sur un
élément HTML. Les propriétés CSS spécifiées dans cet attribut seront
appliquées uniquement à cet élément. Par exemple, <div style="color: red;
font-size: 16px;">...</div>.
3. src : L'attribut "src" est utilisé pour spécifier la source d'un élément, comme
une image ou une vidéo. Par exemple, <img src="image.jpg" alt="Description de
l'image">.
5. alt : L'attribut "alt" est utilisé pour fournir une description alternative à un
élément, généralement une image. Cette description est affichée lorsque
l'image ne peut pas être chargée. Par exemple, <img src="image.jpg"
alt="Description de l'image">

c)-Les commentaires
En HTML et CSS, les commentaires sont utilisés pour ajouter des notes
explicatives dans le code. Voici quelques informations sur les commentaires :
les commentaires sont utilisés pour ajouter des notes qui ne seront pas
affichées sur la page web. Ils sont utiles pour documenter le code et rendre les
choses plus compréhensibles pour les développeurs qui travaillent sur le projet.
Les commentaires en HTML sont délimités par <!-- et -->. Par exemple : <!-- Ceci
est un commentaire en HTML -->
les commentaires sont également utilisés pour ajouter des notes explicatives
dans le code. Ils peuvent être utilisés pour expliquer le but d'une règle CSS ou
pour désactiver temporairement une partie du code. Les commentaires en CSS
sont délimités par /_ et _/. Par exemple : /_ Ceci est un commentaire en CSS _/

d)-Les listes
Les listes sont un élément important en HTML et CSS pour organiser et
structurer le contenu d'une page web. Voici quelques informations sur les listes
en HTML et CSS :
- En HTML, il existe deux types de listes : les listes à puces (unordered lists) et
les listes numérotées (ordered lists).
- Les listes à puces sont créées en utilisant l'élément <ul> (unordered list) et en
entourant chaque élément de liste avec l'élément <li> (list item).

9
Par exemple :
html
<ul>
<li>Élément 1</li>
<li>Élément 2</li>
<li>Élément 3</li>
</ul>
- Les listes numérotées sont créées en utilisant l'élément <ol> (ordered list) et
en entourant chaque élément de liste avec l'élément <li> (list item).
Par exemple :
html
<ol>
<li>Élément 1</li>
<li>Élément 2</li>
<li>Élément 3</li>
</ol>
- En CSS, il est possible de personnaliser l'apparence des listes en utilisant
différentes propriétés CSS. Voici quelques-unes des propriétés couramment
utilisées pour les listes :
- list-style-type : Cette propriété permet de spécifier le type de marqueur
utilisé pour les éléments de liste. Par exemple, list-style-type: disc; pour des
puces rondes, list-style-type: decimal; pour des numéros décimaux.
- list-style-image : Cette propriété permet de spécifier une image
personnalisée comme marqueur pour les éléments de liste. Par exemple, list-
style-image: url('image.png');.
- list-style-position : Cette propriété permet de contrôler la position des
marqueurs par rapport au texte de l'élément de liste. Par exemple, list-style-
position: inside; pour placer les marqueurs à l'intérieur de l'élément de liste.

10
 e)-Les button
Un bouton est un élément interactif dans une interface utilisateur qui permet à
l'utilisateur de déclencher une action. Il peut être utilisé pour soumettre un
formulaire, ouvrir une boîte de dialogue, lancer une fonction, ou effectuer
toute autre action définie par le développeur. En HTML, un bouton est
représenté par l'élément <button>. Lorsqu'un utilisateur clique sur un bouton,
l'action associée est déclenchée. Les boutons peuvent être stylisés à l'aide de
CSS pour correspondre au design de l'interface utilisateur.
f) – Les images
Pour ajouter une image en HTML et CSS, vous pouvez utiliser l'élément <img>
en HTML et appliquer des styles CSS pour personnaliser son apparence. Voici
comment procéder :
1. Tout d'abord, assurez-vous d'avoir l'image que vous souhaitez afficher sur
votre page web. Vous pouvez héberger l'image sur votre propre serveur ou
utiliser une URL externe si vous avez l'autorisation appropriée.
2. Utilisez l'élément <img> en HTML pour insérer l'image dans votre page.
L'attribut src est utilisé pour spécifier l'emplacement de l'image. Par exemple :
html
<img src="chemin/vers/votre/image.jpg" alt="Description de l'image">
- L'attribut src doit contenir le chemin relatif ou absolu vers l'image.
- L'attribut alt est utilisé pour fournir une description alternative de l'image,
qui est affichée si l'image ne peut pas être chargée.
3. Vous pouvez également appliquer des styles CSS à l'élément <img> pour
personnaliser son apparence. Par exemple, vous pouvez utiliser les propriétés
CSS suivantes :
- width et height pour définir la largeur et la hauteur de l'image.
- border pour ajouter une bordure à l'image.
- margin et padding pour ajuster les marges et les espaces autour de l'image.

g)-les video

11
Pour ajouter une vidéo en HTML et CSS, vous pouvez utiliser l'élément
<video> en HTML et appliquer des styles CSS pour personnaliser son
apparence. Voici comment procéder :
1. Tout d'abord, assurez-vous d'avoir la vidéo que vous souhaitez afficher
sur votre page web. Vous pouvez héberger la vidéo sur votre propre
serveur ou utiliser une URL externe si vous avez l'autorisation appropriée.
2. Utilisez l'élément <video> en HTML pour insérer la vidéo dans votre
page. L'attribut src est utilisé pour spécifier l'emplacement de la vidéo.
Par exemple :
html
<video src="chemin/vers/votre/video.mp4" controls></video>
- L'attribut src doit contenir le chemin relatif ou absolu vers la vidéo.
- L'attribut controls permet d'afficher les contrôles de lecture par défaut
de la vidéo.
3. Vous pouvez également appliquer des styles CSS à l'élément <video>
pour personnaliser son apparence. Par exemple, vous pouvez utiliser les
propriétés CSS suivantes :
- width et height pour définir la largeur et la hauteur de la vidéo.
- border pour ajouter une bordure à la vidéo.
- margin et padding pour ajuster les marges et les espaces autour de la
vidéo.
Voici un exemple de code HTML et CSS pour ajouter une vidéo avec des
styles personnalisés :
html
<!DOCTYPE html>
<html>
<head>
<style>
video {
width: 500px;
height: 300px;
border: 1px solid black;
margin: 10px;
padding: 5px;
}
</style>

12
</head>
<body>
<video src="chemin/vers/votre/video.mp4" controls></video>
</body>
</html>

h)-les audio
Pour ajouter de l'audio en HTML et CSS, vous pouvez utiliser l'élément
<audio> en HTML et appliquer des styles CSS pour personnaliser son
apparence. Voici comment procéder :
1. Assurez-vous d'avoir le fichier audio que vous souhaitez afficher sur
votre page web. Vous pouvez héberger le fichier audio sur votre propre
serveur ou utiliser une URL externe si vous avez l'autorisation appropriée.
2. Utilisez l'élément <audio> en HTML pour insérer l'audio dans votre
page. L'attribut src est utilisé pour spécifier l'emplacement du fichier
audio.
Par exemple :
html
<audio src="chemin/vers/votre/fichier-audio.mp3" controls></audio>
- L'attribut src doit contenir le chemin relatif ou absolu vers le fichier
audio.
- L'attribut controls permet d'afficher les contrôles de lecture par défaut
de l'audio.
Voici un exemple de code html et css pour ajouter de l'audio avec des
styles personnalisés :
html
<!DOCTYPE html>
<html>
<head>
<style>
audio {
width: 300px;
height: 50px;
border: 1px solid black;
margin: 10px;

13
 padding: 5px;
}
</style>
</head>
<body>
<audio src="chemin/vers/votre/fichier-audio.mp3" controls></audio>
</body>
</html>
i)-Les tableaux
Les tableaux en HTML et CSS sont utilisés pour organiser et afficher des
données tabulaires sur une page web. Voici quelques informations sur les
tableaux en HTML et CSS :
- En HTML, vous pouvez créer un tableau en utilisant les balises <table>,
<tr> et <td>. La balise <table> est utilisée pour définir le tableau lui-
même, la balise <tr> est utilisée pour définir une ligne dans le tableau, et
la balise <td> est utilisée pour définir une cellule dans le tableau. Par
exemple :
html
<table>
<tr>
<td>Donnée 1</td>
<td>Donnée 2</td>
</tr>
<tr>
<td>Donnée 3</td>
<td>Donnée 4</td>
</tr>
</table>
- En CSS, vous pouvez appliquer des styles aux tableaux pour les
personnaliser selon vos besoins. Vous pouvez utiliser des propriétés CSS
telles que border, background-color, text-align, etc., pour modifier
l'apparence des bordures, des couleurs de fond et de l'alignement du
texte dans les cellules du tableau.
j)-Les formulaires

14
Les formulaires en HTML et CSS sont utilisés pour collecter des informations
auprès des utilisateurs sur une page web. Voici quelques informations sur les
formulaires en HTML et CSS :
- En HTML, vous pouvez créer un formulaire en utilisant la balise <form>. À
l'intérieur de la balise <form>, vous pouvez ajouter différents éléments de
formulaire tels que <input>, <select>, <textarea>, etc. Ces éléments permettent
aux utilisateurs de saisir des données ou de faire des sélections. Par exemple :
html
<form>
<label for="nom">Nom :</label>
<input type="text" id="nom" name="nom">
<br>
<label for="email">Email :</label>
<input type="email" id="email" name="email">
<br>
<input type="submit" value="Envoyer">
</form>
- En CSS, vous pouvez appliquer des styles aux éléments de formulaire pour les
personnaliser selon vos besoins. Vous pouvez utiliser des sélecteurs CSS pour
cibler les éléments spécifiques du formulaire et appliquer des propriétés CSS
telles que background-color, color, border, padding, etc., pour modifier leur
apparence.

7)-Les bases de CSS

a)-les styles de texte
Pour appliquer des styles de texte en CSS, vous pouvez utiliser différentes
propriétés pour modifier la police, la taille, le style et d'autres aspects du texte.
Voici quelques exemples de propriétés CSS couramment utilisées pour le style
du texte :

15
 1. font-family : Cette propriété permet de spécifier la police de caractères à
utiliser pour le texte. Vous pouvez utiliser des noms de police spécifiques
ou des familles génériques.
Par exemple :
p {font-family: Arial, sans-serif; }
2. font-size : Cette propriété permet de définir la taille de la police. Vous
pouvez utiliser des unités de mesure telles que pixels, ems ou
pourcentages.
Par exemple :
h1 {font-size: 24px ; }
3. font-weight : Cette propriété permet de spécifier l'épaisseur de la police.
Vous pouvez utiliser des valeurs telles que normal, bold, lighter ou des
valeurs numériques.
Par exemple :
strong {font-weight: bold; }
4. font-style : Cette propriété permet de définir le style de la police, comme
normal, italic ou oblique.
Par exemple :
em { font-style: italic; }
5. text-decoration : Cette propriété permet d'ajouter des décorations au
texte, telles que des soulignements, des lignes en travers, etc.
Par exemple :
a {text-decoration: underline; }
b)-Margin
- Margin (marge) : La propriété "margin" permet de définir l'espace entre un
élément et les éléments adjacents. Elle crée une zone transparente autour de
l'élément. Les marges peuvent être définies pour chaque côté de l'élément
(haut, droite, bas, gauche) ou pour tous les côtés en même temps.
Par exemple :
p {margin-top: 10px;

16
 margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;}
c)-Padding
- Padding (rembourrage) : La propriété "padding" permet de définir l'espace
entre le contenu d'un élément et sa bordure. Elle crée une zone transparente à
l'intérieur de l'élément. Comme pour les marges, les rembourrages peuvent
être définis pour chaque côté de l'élément ou pour tous les côtés en même
temps. Par exemple :
p {padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px; }
d)-border
La propriété CSS border permet de définir les propriétés liées à la bordure d'un
élément. Elle peut être utilisée pour spécifier le style, la couleur et l'épaisseur
de la bordure. Voici un exemple de syntaxe pour utiliser la propriété border :
element {border: <épaisseur> <style> <couleur>;}
- <épaisseur> : spécifie l'épaisseur de la bordure. Il peut être exprimé en pixels,
en pourcentage ou avec des mots-clés prédéfinis comme thin, medium ou
thick.
- <style> : spécifie le style de la bordure, tel que solid, dashed, dotted, double,
- <couleur> : spécifie la couleur de la bordure. Il peut être exprimé en utilisant
des noms de couleurs prédéfinis, des codes hexadécimaux ou des valeurs RGB.
Par exemple : pour définir une bordure de 2 pixels de large, de style pointillé et
de couleur rouge, vous pouvez utiliser la règle CSS suivante :
.element {border: 2px dotted red;}

17
Il existe également d'autres propriétés liées à la bordure, telles que border-
radius pour définir les coins arrondis de la bordure, border-width pour définir
l'épaisseur de la bordure, border-color pour définir la couleur de la bordure, et
border-style pour définir le style de la bordure

e)-Arrière-Plan (background)
L'arrière-plan peut inclure des informations historiques, des données
contextuelles, des tendances pertinentes, des recherches antérieures,
des politiques ou des réglementations en vigueur, ainsi que d'autres
éléments qui aident à situer le sujet du rapport dans un contexte plus
large.
background-color : permet de définir la couleur de fond d'un
élément. Elle est utilisée pour contrôler la couleur de l'arrière-plan
d'un élément HTML.
Background-image : permet de définir une image comme arrière-plan
d'un élément HTML. Elle est utilisée pour ajouter des images de fond
à des éléments spécifiques.
background-repeat permet de contrôler la façon dont une image de
fond est répétée sur l'élément HTML. Par défaut, une image de fond
est répétée à la fois horizontalement et verticalement.
background-position permet de définir la position initiale d'une
image de fond par rapport à son conteneur. La partie de code HTML :
Elle est utilisée pour déplacer une image de fond (ou un dégradé) à
l'intérieur de son élément parent.

6) – crée une page web (Anid) par html et ccs

Voici j’ai créé une page web par les 2 language html et css
Page web Accueil :
La partie de code HTML :

18
19
La partie de code CSS :

20
21
22
La résultat de ces codes est la capture suivant :

23
Page web Login :
La partie de code HTML :

24
La partie de code CSS :

25
La résultat de ces codes est la capture suivant :

26
Page web contactez-nous :
La partie de code HTML :

La partie de code CSS :

27
La résultat de ces codes est la capture suivant :

28
Page web service
La partie de code HTML :

La partie de code CSS :

29
30
31
La résultat de ces codes est la capture suivant :

Page web about me :

La partie de code HTML :

32
La partie de code CSS :

33
La résultat de ces codes est la capture suivant :

34
Je fais tous les chapitres même chose de ce chapitre

Conclusion :
En utilisant HTML, vous pouvez créer des balises pour structurer le
contenu de votre page, telles que les titres, les paragraphes, les listes,
les images, les liens, etc. HTML permet également d'ajouter des

35
éléments interactifs tels que des formulaires et des vidéos. Il fournit
la base sur laquelle repose la structure de votre site web.
CSS, quant à lui, permet de styliser et de mettre en forme votre site
web. Il vous permet de définir la couleur, la police, la taille, la
disposition et d'autres aspects visuels de votre page. Grâce à CSS,
vous pouvez créer des mises en page attrayantes et cohérentes pour
votre site web, en appliquant des styles à différentes parties de votre
contenu HTML.
En conclusion, HTML et CSS sont des langages complémentaires qui
travaillent ensemble pour créer des sites web attrayants et
fonctionnels. HTML fournit la structure et le contenu, tandis que CSS
permet de styliser et de mettre en forme ce contenu. Maîtriser ces
deux langages est essentiel pour devenir un développeur web
compétent et créer des sites web de qualité.

Référence :
Voici quelques références qui pourraient qui je suis utilisé sur mon
projet :
1- https://developer.mozilla.org/fr/docs/Learn/HTML/
Introduction_to_HTML/Document_and_website_structure
2- https://www.w3schools.com/css/css_overflow.asp
3- https://www.w3.org/Style/LieBos2e/enter/Overview.fr.html
4- https://www.gadacademy.ma/ShowVideo/%D9%85%D9%82%D8%AF
%D9%85%D8%A9_%D8%AF%D9%88%D8%B1%D8%A9_%D8%AA
%D8%B5%D9%85%D9%8A%D9%85_
%D8%A7%D9%84%D9%85%D9%88%D8%A7%D9%82%D8%B9_
%D8%A7%D9%84%D8%A7%D9%84%D9%83%D8%AA
%D8%B1%D9%88%D9%86%D9%8A%D8%A9

36