HTML & CSS
Les bases de la création web
Présenté par :
AKPOTO Sébastien
AYITE Komivi John
EKLOU Komlan Corneille
OURO-AKPO Amiir
KODJO Koffi Cédric
Kallen
SOMMAIRE
1. Introduction
2. Qu’est-ce que HTML ?
3. Qu’est-ce que CSS ?
4. Relation entre HTML et CSS
5. Exemples d’éléments HTML courants
6. Fonctionnalités CSS populaires
7. Outils modernes à connaître
8. Pourquoi c’est important aujourd’hui ?
9. Conclusion
Introduction
HTML et CSS sont les deux langages fondamentaux du
développement web. Ils permettent de créer des sites internet
fonctionnels, esthétiques et bien structurés. HTML s’occupe de la
structure du contenu tandis que CSS permet de styliser et de mettre
en forme ce contenu. Cette présentation a pour but de donner une
compréhension claire et accessible de ces deux technologies
indispensables pour toute personne souhaitant se lancer dans la
création de sites web.
1
Qu’est-ce que HTML ?
HTML, qui signifie HyperText Markup Language, est un langage de balisage
utilisé pour structurer les pages web. Il permet d’organiser le contenu sous
forme de titres, de paragraphes, d’images, de liens ou de listes. Par
exemple, une balise <h1> est utilisée pour les titres, <p> pour les
paragraphes et <img> pour les images. Grâce à HTML, le navigateur
comprend comment afficher les différents éléments sur la page.
2
Qu’est-ce que CSS ?
CSS, ou Cascading Style Sheets (feuilles de style en cascade), est un
langage de style utilisé pour décrire l’apparence des éléments HTML. Il
permet de définir les couleurs, les polices, la disposition, les marges, les
espacements et bien plus encore. CSS donne vie au contenu structuré par
HTML en le rendant agréable visuellement. Par exemple, on peut changer la
couleur du texte ou centrer un bouton sur une page grâce au CSS.
3
Relation entre HTML et CSS
HTML et CSS sont complémentaires. HTML crée la structure d’une page,
tandis que CSS la rend esthétique. On peut inclure le CSS directement dans
le HTML, dans un fichier séparé ou dans une balise <style>. Par exemple, un
paragraphe créé avec HTML peut être stylisé avec CSS pour avoir une
couleur de texte différente, un fond coloré ou une taille de police
spécifique. Ensemble, ils forment la base de tout site web moderne.
4
Exemples d’éléments HTML courants
HTML propose une variété de balises pour différents usages. Les listes
peuvent être non ordonnées (<ul>) ou ordonnées (<ol>) et contiennent des
éléments de liste (<li>). Les liens hypertextes sont créés avec la balise <a>,
les images avec <img>, et les tableaux avec <table>. Les formulaires sont
également essentiels en HTML, utilisant des balises comme <form>, <input>,
<label> ou <button>. Ces éléments permettent de rendre une page
interactive et informative.
5
Fonctionnalités CSS populaires
Avec CSS, on peut cibler des éléments HTML en utilisant des sélecteurs
comme les classes (.maClasse), les identifiants (#monID) ou les balises
elles-mêmes (p, h1, etc.). Les propriétés CSS permettent de définir la
couleur (color), la taille (font-size), les marges (margin), les bordures
(border), etc. Des techniques plus avancées comme Flexbox et Grid
facilitent la mise en page complexe. On peut aussi utiliser des animations
avec @keyframes ou transition pour rendre une page plus dynamique.
6
Outils modernes à connaître
Pour coder en HTML et CSS, des éditeurs comme Visual Studio Code ou
Sublime Text sont très utilisés. Les navigateurs proposent aussi des outils
de développement pour tester et ajuster le style. Des frameworks comme
Bootstrap ou Tailwind CSS permettent de styliser plus rapidement les
pages. Les préprocesseurs comme Sass ou LESS ajoutent des
fonctionnalités supplémentaires pour organiser le code CSS. Il existe aussi
des plateformes d’apprentissage gratuites comme W3Schools, Mozilla MDN
ou FreeCodeCamp.
7
Pourquoi c’est important aujourd’hui ?
Maîtriser HTML et CSS est essentiel pour créer des pages web modernes,
responsives et bien référencées. Ces langages sont la porte d’entrée vers
des métiers du numérique comme développeur web, intégrateur ou UX
designer. Ils sont aussi utiles pour les entrepreneurs souhaitant créer leurs
propres sites. La connaissance de HTML et CSS facilite aussi l’apprentissage
de langages plus complexes comme JavaScript, et leur intégration dans des
frameworks comme React ou Vue.js.
8
Conclusion
HTML et CSS forment le socle du développement web. Leur apprentissage
est indispensable pour comprendre comment fonctionnent les sites
internet et commencer à en créer. En pratiquant régulièrement, on
développe une meilleure compréhension de la structure et de l’apparence
des pages. Les évolutions constantes du web rendent ces langages toujours
plus puissants et accessibles. C’est un excellent point de départ pour toute
personne souhaitant se lancer dans la tech ou améliorer ses compétences
numériques.
9
