HTML mieux que Alex
HTML est le langage qui permet de construire la structure d’un site web.
Il est composé d'éléments appelés balises (par exemple :
,
, <img>). Chaque balise a une fonction spécifique :
à
: Pour les titres.
: Pour les paragraphes. <img> : Pour insérer des images. <a> : Pour les liens vers d’autres pages ou sites. La structure d’un fichier HTML commence toujours par une déclaration de type (<!DOCTYPE html>) suivie de balises principales : <html> : La racine du document. <head> : Contient les informations invisibles (titre, icônes, etc.). <body> : Tout ce qui est visible sur la page. À retenir : HTML ne s’occupe que de la structure et pas de l’apparence ou de l’interactivité. CSS : L’apparence CSS (Cascading Style Sheets) est utilisé pour styliser le contenu défini avec HTML. Avec CSS, on peut contrôler : Les couleurs : background-color, color. Les polices de caractères : font-family, font-size. Les tailles, marges et espacements : width, height, margin, padding. L’organisation des éléments : flexbox, grid. façons d’utiliser le CSS : Directement dans les balises HTML : Style écrit dans l’attribut style (rarement utilisé). Dans un bloc <style> dans le fichier HTML. Dans un fichier externe : Le plus professionnel (fichier .css relié avec <link>). a retenir : CSS rend un site beau et agréable à regarder. JavaScript : L’interactivité JavaScript est un langage de programmation qui permet d’ajouter des interactions dynamiques sur un site web. Il sert à rendre le site plus vivant : Ouvrir une fenêtre ou afficher un message (alertes). Réagir quand on clique sur un bouton Modifier la page sans la recharger (changement d’image, animation, etc.) Concepts de base : Variables : Stockent des données (let, const, var). Fonctions : Blocs de code réutilisables qui effectuent une tache. Évenements : Permettent de détecter une action (exemple : clic de souri). À retenir : JavaScript permet de rendre un site intelligent et interactif Comment ces trois langages travaillent ensemble ? HTML : Pose la structure de base. Exemple : un bouton. CSS : Stylise le bouton (couleur, taille, forme) JavaScript : Permet d’ajouter un effet, comme un clic qui change la couleur du bouton