HTML CSS

Pages: 95 (5333 mots) Publié le: 6 septembre 2015
É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
Le corps
Les listes
Les Lignes horizontales
Les liens
Les images
Les tableaux
Les cadres
Les feuilles destyles (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 :
La balise META
Le corps :
Les options du BODY
Le texte
Le codage des caractères accentués
Miseen 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 :
28
Leslignes : la balise
Les cellules : la balise 30
Un exemple de tableau complexe

• Les cadres

– La structure des cadres :
34
– Le contenu des cadres :
– 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 lesmises en forme sont
exprimées à l'aide de balises qui modifient
l'affichage interprété au moment de
l'utilisation et non compilées.

– Les balises sont des mots-clés écrits entre un <
et un >
– Par exemple : , ,
)

• Peut être enrichi à l'aide de langages de
programmation (Java, Javascript, ActiveX)
• Fonctionnalités multimédia automatisées
(normalement :-)
Economie de Gestion

6 Conventions d'écriture
• Une page HTML est un fichier ASCII
(texte)
• Elle est tapée avec un traitement de
texte (ex : Notepad++) et enregistrer
avec le suffixe .html ou .htm
• Mais surtout ne pas utiliser le format
HTML de World!
• Un commentaire s'écrit entre
Economie de Gestion

7

Structure HTML
• Commence toujours par la balise
pour activer l'interprète
HTML
• Finit toujourspar la balise
• Comporte toujours 2 parties.

Economie de Gestion

8

Structure HTML
• Pour les pages sans frames
– L'entête entre les balises et
– Le corps entre les balises et

• Pour les pages avec frames
– L'entête entre les balises et
– Les cadres entre les balises et


Economie de Gestion

9

Le codage des couleurs
•Pour être universel, le codage des couleurs
en HTML s'appuie sur le modèle RVB
(Rouge - Vert - Bleu).
• Chaque couleur affichée est décomposable
en 3 couleurs primaires
• Chaque couleur primaire prend sa valeur
entre 0 et 255.
• La couleur décrite par (0,0,0) est le noir.
• La couleur décrite par (255,255,255) est
le blanc.
Economie de Gestion

10

Le codage des couleurs
• La palette complète descouleurs est
décrite par toutes les valeurs de triplet
possible entre le noir et le blanc.
– Le rouge est décrit par (255,0,0)

• Le codage se fait en hexadécimal sur 3x2
chiffres (2 par couleur primaire) précédés
par le caractère #
– Le noir est représenté par #000000, le blanc
par #FFFFFF et le rouge par #FF0000
Economie de Gestion

11

Les noms de fichier
• Les fichiers HTML ont deux...
Lire le document complet

Veuillez vous inscrire pour avoir accès au document.

Vous pouvez également trouver ces documents utiles

  • Html/css
  • css 3 et HTML
  • DC3 3611 3641 3642 HTML CSS
  • Html
  • HTML
  • Html
  • Html
  • Html

Devenez membre d'Etudier

Inscrivez-vous
c'est gratuit !