[PDF] Création de pages Web Dynamiques

Cr´eationdepagesWebDynamiques-p.21/75

Labaliseselect

Codeunmenuàoptions:

Syntaxe:

éléments).

Cr´eationdepagesWebDynamiques-p.22/75

Labalisetextarea

Saisied'unezonedetexte.

Syntaxe: rows="10"cols="40">

L'hivers:

L' et´ e: lonnes)

Cr´eationdepagesWebDynamiques-p.23/75

LesCSS

CascadingStyleSheets:Permetdemodier

l'apparencedebalises

Permetuneclairedifférenciationentre:

lecontenu, lastructure, laprésentation.

Fondamental!

Cr´eationdepagesWebDynamiques-p.24/75

Feuilledestyle

miseenformedecertainesbalises.

Structured'unerègle:

h1{color:red;} sélecteur déclaration 6 6 propriétévaleur

Cr´eationdepagesWebDynamiques-p.25/75

Lessélecteurs

déclarations.

Sélecteursimple:nomdebalise.h1

color:red; font-weight:bold; font-size:xx-large; text-align:center;

Cr´eationdepagesWebDynamiques-p.26/75

Lessélecteursàévènements

Exemple:

a:hover{color:red;}

Principauxévènements:

:focus prisedefocusparun texinputoutextarea :hover passagedelasouris surunlien :link lienpasencorevisité :visited liencliqué

Cr´eationdepagesWebDynamiques-p.27/75

Lesdifférentstypesdesélecteurs

simple: a{}

àévènement:

a:hover{} contextuel: pa{} groupés: a,p,h1{} declasse: .intro{} d'identiant: #titre{}

VoirpagesHTML

Cr´eationdepagesWebDynamiques-p.28/75

LiaisonHTML-CSS

Lesfeuillesinternes

p{text-align:justify;}

Lesbalises<

>permettentauxvieuxna- vigateursd'ignorerlesfeuillesdestyle.

Cr´eationdepagesWebDynamiques-p.29/75

LiaisonHTML-CSS

Lesfeuillesinternes

ou @importurl("feuille.css")

Cr´eationdepagesWebDynamiques-p.30/75

LiaisonHTML-CSS

Lesfeuilleslocales

Monparagraphe

quotesdbs_dbs22.pdfusesText_28