WIKI CIEL - Contributions [fr]

HTML mieux que Alex

2025-02-07T13:48:25Z

Ouassim MECHALIKH :

<nowiki>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 : <h1>, <p>, <img>).
Chaque balise a une fonction spécifique :
<h1> à <h6> : Pour les titres.
<p> : 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
</nowiki>

HTML mieux que Alex

2025-02-07T13:46:37Z

Ouassim MECHALIKH :

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 : <h1>, <p>, <img>).
Chaque balise a une fonction spécifique :
<h1> à <h6> : Pour les titres.
<p> : 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

HTML mieux que Alex

2025-02-07T13:45:58Z

Ouassim MECHALIKH : Page créée avec « == 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 : <h1>, <p>, <img>). Chaque balise a une fonction spécifique : <h1> à <h6> : Pour les titres. <p> : 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... »

== 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 : <h1>, <p>, <img>).
Chaque balise a une fonction spécifique :
<h1> à <h6> : Pour les titres.
<p> : 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

Fichier:Téléchargement.jpg

2024-09-27T13:17:04Z

Ouassim MECHALIKH :

Discussion:Accueil

2024-09-27T12:47:10Z

Ouassim MECHALIKH : Page créée avec « salut »

salut