"Initialisation au HTML et CSS : Créer un CV
numérique "
Réalisée par :
ECHANTI HASSNAE
Master :
Génie électrique et
systèmes embarqués
(GESE)
Encadré par :
Pr. Moussab Chbien
1
Table des Matières
Table des Matières……………………………………………………………….2
Liste des Figures……………………………………………………………………3
1. Introduction ......................................................................4
2. Définition et utilisation de HTML........................................5
3. Définition et utilisation de CSS………………….………………………6
4. Création d’un CV avec HTML…………………………………………….6
5. Conclusion……………………………………………………………………….7
Bibliographie .........................................................................8
2
Liste des Figures
Figure 1 : Un graphique qui montre tout ce que le HTML5 peut
faire……………………………………………………………….…………………………4
Figure 2 : la différence entre HTML et CSS……………..…………….…….5
Figure 3 : Capture d’écran du rendu visuel du CV dans un
navigateur……………………………………………………………………………………6
3
[Link]
L'histoire du HTML et du CSS est essentielle à la révolution numérique. En 1991, Tim
Berners-Lee, au CERN, invente le HTML pour structurer et partager des documents
scientifiques sur le web naissant. Face aux limites du HTML en matière de design, Håkon
Wium Lie propose le CSS en 1994, qui est officiellement adopté en 1996. Le CSS permet
de séparer le contenu (HTML) du style (CSS), offrant ainsi un contrôle précis sur les
couleurs, les polices et les mises en page.
Aujourd'hui, avec HTML5 (standardisé en 2014) et CSS3 (enrichi), ces technologies
permettent de créer des sites interactifs et accessibles sur tous les appareils. Ce
document explore les bases du HTML et du CSS, illustrant leur application pratique à
travers la création d'un CV numérique.
2.Définition et utilisation de HTML
HTML, abréviation de « hypertext markup language » (langage de balisage hypertexte),
est un langage simple utilisé pour créer des pages web. Bien qu'il n'autorise pas les
variables ni les fonctions et ne soit donc pas un « langage de programmation », il est
considéré comme un « langage de balisage ». Il utilise des balises (comme <h1>, <p>,
<ul>) pour définir les éléments d'un document. Il sert à créer des squelettes de pages
web, à gérer la mise en page de la structure et proposer une structure pour l'élaboration
de la page web.
Figure 1 : Un graphique qui montre tout ce que le HTML5 peut faire
4
3.Définition et utilisation de CSS :
CSS (Cascading Style Sheets) est un langage vient donc compléter le HTML pour vous
aider à mettre en forme votre page web.
C’est lui qui vous permet de choisir la couleur de votre texte, sélectionner la police
utilisée, définir la taille du texte, les bordures, le fond sur votre site.
Et aussi, c’est lui qui permet de faire la mise en page de votre site. Vous pourrez dire : je
veux que mon menu soit à gauche et occupe telle largeur, que l’en-tête de mon site soit
calé en haut et qu’il soit toujours visible, etc.
Figure 2 : la différence entre HTML et CSS
4. Création d’un CV avec HTML :
Le CV a été structuré avec les éléments HTML suivants :
En-tête : <h1> pour le nom, <p> pour les coordonnées.
Sections : <h2> pour les titres (Formation, Expérience, etc.), <ul> et <li> pour les
listes.
CSS Interne : Styles intégrés dans <style> pour améliorer l’apparence (couleurs,
bordures, polices).
5
Figure 3 : Capture d’écran du rendu visuel du CV dans un navigateur
[Link] :
Ce document explore les bases du HTML et du CSS, deux langages essentiels au
développement web. Il illustre également leur application pratique à travers la création
d’un CV numérique.
6
Bibliographie
1. W3C. (s.d.). History of HTML. World Wide Web Consortium (W3C).
[Link]
2. MDN Web Docs. (s.d.). Histoire de CSS. Mozilla Developer Network.
[Link]
3. Kinsta. (s.d.). Qu’est-ce que le HTML ?. Kinsta – Base de connaissances.
[Link]
4. BTS SIO – CCI Campus Strasbourg. (s.d.). Introduction aux langages HTML5 et
CSS3.
[Link]