Écrire ses pages Web en quelques leçons…

D'après le cours de Jean-Philippe GURECKI
Economie de Gestion S6

1

Sommaire
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•

Qu'est-ce que HTML ?
Convention d'écriture
Structure HTML
Le codage des couleurs
Les noms de fichiers
L'entête <head></head>
Le corps <body></body>
Les listes
Les Lignes horizontales
Les liens
Les images
Les tableaux
Les cadres
Les feuilles de styles (CSS)
Projet

Economie de Gestion

4
5
6
7
8
11
14
22
27
29
34
40
48
57

2

Table des matières
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•
•

Qu'est-ce que le langage HTML ?
Conventions d'écriture
Structure d'un document HTML
Le codage des couleurs
Les noms de fichiers
L'entête : <HEAD> </HEAD>
La balise META
Le corps : <BODY> </BODY>
Les options du BODY
Le texte
Le codage des caractères accentués
Mise en forme des caractères
Mise en forme des paragraphes
Les listes
Les options des listes
Création de lignes horizontales
Les liens externes
Les liens internes

Economie de Gestion

3
4
5
6
8
11
12
13
14
15
16
17
18
19
20
21
22
23

3

Table des matières
• Les images
• Les images animées et images-map
• Les tableaux
–
–
–
–
–

Structure générale d'un tableau
Les tableaux : <TABLE> </TABLE> 28
Les lignes : la balise <TR> </TR>
Les cellules : la balise <TD> </TD> 30
Un exemple de tableau complexe

• Les cadres

– La structure des cadres :
<FRAMESET> </FRAMESET> 34
– Le contenu des cadres : <FRAME>
– Un exemple de cadres complexe

• Les feuilles de style CSS

24
25
26
27
29
32

33
37
39

– La création de style
– Les feuilles de style externes
– Les propriétés de style

Economie de Gestion

4

Qu'est-ce que HTML ?
• Langage de description de page qui permet de coder de manière simple :
–
–
–
–

le texte de la page les instructions de mise en forme les appels aux fichiers externes les appels aux pages liées

• Une question ?
Un site http://www.commentcamarche.net/
• Besoin d'un logiciel ?
Un site http://framasoft.org/
Economie de Gestion

5

Qu'est-ce que HTML ?
• Universel car les