Technologies Web

Question ?
Un site web comment ca fonctionne !

2

Partie I : HTML

3

Plan du cours

Introduction
HTML : c'est quoi ?
Les balises et leurs attributs
Structure de base d'une page HTML5
Création des liens
Les différents formats d'images
Insérer une image
Les figures (balise HTML5)

4

Introduction

Quand vous consultez un site avec votre navigateur, il faut savoir qu'il y a un code derrière, qui sera traduit par le navigateur web pour afficher ce que vous voyez sur votre écran, il s'agit de :
HTML & CSS

La base du fonctionnement de tous les sites web.

5

Technologies web
●

●

HTML (HyperText Markup Language) : inventé par Tim Berners-Lee en 1991. Son rôle est de gérer et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page : du texte, des liens, des images… c'est un langage de balisage (dit aussi langage de marquage) qui permet de structurer le contenu des pages web dans différents éléments.
CSS (Cascading Style Sheets, aussi appelées Feuilles de style) : le rôle du CSS est de gérer l'apparence de la page web
(positionnement, décoration, couleurs, taille du texte…). Ce langage est venu compléter le HTML en 1996.

6

HTML
Le HTML est un standard, c'est-à-dire qu'il s'agit de recommandations publiées par un consortium international : le World Wide Web
Consortium (W3C) qui définit les nouvelles versions des langages liés au Web.
Il existe également la World Wide Web Foundation qui analyse et suit l'évolution du Web.
NB : Il faut pas confondre Internet et le Web. Il faut savoir que le Web fait partie d'Internet.
Internet : réseau mondial d’ordinateurs permettant aux utilisateurs de communiquer (courrier électronique), de publier des informations(Web), de transférer des données (FTP), de travailler à distance (telnet et ssh). . .

7

Web : un aspect d’Internet.

Versions du HTML
HTML 1 : c'est la toute première version créée par