L'essentiel à connaître
Le Web repose sur un modèle Client-Serveur. Ton navigateur (le client) envoie une requête à un ordinateur distant (le serveur) qui lui renvoie les données demandées. Cette communication est régie par le protocole HTTP (HyperText Transfer Protocol). Une requête HTTP contient une méthode (comme GET pour demander une page ou POST pour envoyer des données) et une URL.
Pour afficher une page, le navigateur interprète deux langages principaux. Le HTML (HyperText Markup Language) définit la structure et le contenu de la page à l'aide de balises. Le CSS (Cascading Style Sheets) s'occupe de la mise en forme : couleurs, polices, et disposition des éléments. Sans CSS, le Web ressemblerait à un simple document texte en noir et blanc.
Définition : Une balise HTML est un élément de code entouré de chevrons (ex: <p>) qui indique au navigateur la nature du contenu qu'il contient.
À retenir : Le HTTP est un protocole "sans état", ce qui signifie que le serveur ne se souvient pas des requêtes précédentes. On utilise des "cookies" pour pallier cela.
Les points clés
Il ne faut pas confondre le Web et Internet. Internet est l'infrastructure mondiale (les câbles, les routeurs), tandis que le Web est l'une des applications qui l'utilise. Le protocole HTTP utilise lui-même la couche de transport TCP/IP pour s'assurer que les données arrivent sans erreur. Aujourd'hui, on utilise massivement le HTTPS, qui est une version sécurisée (chiffrée) du HTTP.
Côté code, la séparation des préoccupations est la règle : le HTML pour le fond, le CSS pour la forme. Une erreur classique en débutant est de mettre du style directement dans les balises HTML au lieu d'utiliser une feuille de style séparée. En CSS, on utilise des "sélecteurs" pour cibler les éléments HTML à modifier.
Formule : Structure d'une règle CSS : sélecteur { propriété: valeur; }
Piège classique : Les codes d'état HTTP : 200 signifie "Succès", mais le célèbre 404 signifie que la ressource n'a pas été trouvée sur le serveur.
Quiz : Teste tes connaissances
Question 1 : Que signifie l'acronyme HTML ?
Réponse : B. HTML est un langage de "balisage" (markup) qui permet de structurer du texte avec des hyperliens.
Question 2 : Quelle balise HTML est utilisée pour créer un lien hypertexte ?
Réponse : C. La balise <a> (pour "anchor") associée à l'attribut "href" permet de créer des liens vers d'autres pages.
Question 3 : Quel est le rôle principal du CSS ?
Réponse : A. Le CSS permet de définir les couleurs, les tailles, les espacements et la mise en page des éléments HTML.
Question 4 : Que signifie le code d'erreur HTTP 404 ?
Réponse : D. Le code 404 est envoyé par le serveur quand l'URL demandée ne correspond à aucun fichier existant.
Question 5 : Quelle méthode HTTP est généralement utilisée pour demander l'affichage d'une page ?
Réponse : B. La méthode GET est utilisée pour récupérer (lire) une ressource. POST est utilisé pour envoyer (écrire) des données, comme un formulaire.
Question 6 : Dans un fichier CSS, comment cible-t-on tous les éléments <p> ?
Réponse : C. Pour cibler une balise HTML directement, on écrit son nom sans point ni dièse. Le point est pour les classes, le dièse pour les IDs.
Question 7 : Quelle est la différence entre HTTP et HTTPS ?
Réponse : A. Le "S" signifie "Secure". Les données échangées sont chiffrées pour éviter qu'un tiers ne puisse les lire.
Question 8 : Quelle balise contient les métadonnées de la page (titre, encodage) non affichées directement ?
Réponse : D. La balise <head> contient les informations techniques. Le contenu visible par l'utilisateur se trouve dans le <body>.
Question 9 : Quel symbole est utilisé pour les IDs en CSS ?
Réponse : B. On utilise le dièse pour cibler un identifiant unique (ex: #mon-titre). Le point est réservé aux classes (ex: .ma-classe).
Question 10 : Qu'est-ce qu'un "cookie" dans le contexte du Web ?
Réponse : C. Les cookies permettent au serveur de reconnaître un utilisateur au fil des pages, utile pour rester connecté à un compte.
Question 11 : Quel port est utilisé par défaut pour le protocole HTTP ?
Réponse : A. Le port 80 est le standard pour le HTTP. Le port 443 est utilisé pour le HTTPS sécurisé.
Question 12 : Quelle propriété CSS change la couleur du texte ?
Réponse : B. En CSS, la propriété est simplement "color". "background-color" change la couleur de l'arrière-plan.
Question 13 : Qui a inventé le World Wide Web ?
Réponse : D. Tim Berners-Lee a inventé le Web au CERN en 1989 en créant le HTML et le HTTP.
Question 14 : Comment insère-t-on une image en HTML ?
Réponse : A. La balise <img> utilise l'attribut "src" (source) pour indiquer le chemin vers le fichier image.
Question 15 : Qu'est-ce qu'une URL ?
Réponse : C. Uniform Resource Locator. C'est l'adresse "humaine" (ex: google.fr) qui permet d'accéder à un site.
Comment ORBITECH Peut T'aider
ORBITECH AI Academy met à ta disposition des outils concrets pour réviser plus efficacement et progresser à ton rythme.
- Générateur de Quiz : crée des quiz personnalisés pour tester tes connaissances et identifier tes lacunes.
- Générateur d'Exercices : crée des exercices d'entraînement adaptés à ton niveau avec corrections détaillées.
- Générateur de Résumés : transforme tes cours en fiches de révision claires et structurées.
- Générateur de Mind Maps : visualise et organise tes idées avec des cartes mentales générées automatiquement.
Tous ces outils sont disponibles sur ta plateforme ORBITECH. Connecte-toi et explore ceux qui correspondent le mieux à tes besoins !