Y Yyyy Yy Yyy Yy Y

Ate||er Web 1 ISL1 MLDLNINL 20112012
1I1 A 8 et C |Lnse|gnantes 88en Azzoun S8en CulraL

1

I ne : let mitet en forme et let littet en HIML

our reallser chacun des exerclces proposes sur le langage P1ML ll esL consellle de sulvre les
Lrols eLapes decrlLes clapres
O reaLlon du code P1ML
O IlsuallsaLlon dans un navlgaLeur
O IalldaLlon du documenL cree

I Crat|on du code n1ML

our ecrlre du code P1ML n'lmporLe quel edlLeur de LexLe peuL Lre uLlllse our noLre 1
on va uLlllser un edlLeur elemenLalre comme le 8locnoLes (noLepad) sous wlndows
IoLre premlere Lche conslsLera enreglsLrer comme un modele le documenL PLml
mlnlmum
1) Lancer l'edlLeur LexLe 8locnoLes de wlndows
(DmarrerrogrammeAccesso|re8|ocnotes)
2) odez le documenL P1ML mlnlmum de la faon sulvanLe

<html>
<head>
<title> ...</titre>
</head>
<body>
</body>
</html>

3) ans le menu llchler acLlvez l'opLlon LnreglsLrer sous
4) Sur la fenLre qul apparalL deLermlnez d'abord l'emplacemenL du flchler (LnreglsLrer
sous) LnsulLe dans la zone 1ype cholslssez l'opLlon 1ous ou Lous les flchlers(**) car le
documenL P1ML n'esL pas un flchler LexLe (*LxL) comme presenL par defauL
3) onnez un nom de flchler avec l'exLenslon htm| ou htm par exemple mode|htm|
6) llquez sur enreglsLrer

2

7) 8edulsez ou mlnlmlsez la fenLre de l'appllcaLlon(bloc noLe)

II V|sua||sat|on dans |e nav|gateur
our afflcher voLre page (hors connexlon blen enLendu) vous devez ouvrlr voLre navlgaLeur
prefere our MlcrosofL lnLerneL Lxplorer allez au menu I|ch|erouvr|r La fenLre clapres
apparalL

llquez sur le bouLon arcour|r eL lndlquez l'emplacemenL ou esL enreglsLre voLre documenL
hLml llquez sur le bouLon Ck pour conflrmer l'afflchage du documenL
ans noLre cas presenL du documenL mode|htm| la fenLre du navlgaLeur esL vlde car
aucun elemenL n'a eLe ecrlL enLre les ballses body ]body our chaque exerclce
reallser en cas d'erreur vous redulsez la fenLre du navlgaLeur puls vous rappellerez
l'appllcaLlon 8locnoLes (qul esL normalemenL mlnlmlsee) pour y apporLer les modlflcaLlons
eL les enreglsLrer
Apres l'avolr redulre vous rappellerez le navlgaLeur (qul a eLe mlnlmlse) eL vous acLuallserez
la page afln de vlsuallser la dernlere verslon du flchler modlfle

3

f Le Lravall en code source P1ML esL un va eL vlenL enLre les modlflcaLlons
dans l'edlLeur de LexLe eL l'afflchage dans le navlgaLeur
Les exerc|ces
1) resenLez dans un documenL P1ML les slx Lallles de LlLre hn dlsponlbles en parLanL du
plus grand au plus peLlL

2) 8eallsez le mme Lravall que precedemmenL avec la ballse font s|ze " ? " en uLlllsanL
les deux faons vues dans le cours
3) Afflchez le LexLe cenLre en gras en lLallque eL en soullgne Ious velllerez la sLrlcLe
lmbrlcaLlon des ballses


4

4) Allgnez drolLe un paragraphe de LexLe en gras comme clapres

3) Afflchez le LexLe 321 comme clapres La premlere llgne comporLe unlquemenL le
chlffre 3 la deuxleme llgne comporLe deux espaces avanL le chlffre 2 eL la dernlere llgne
comporLe 4 espace avanL le chlffre 1


S

6) Afflcher quelques llgnes de LexLe dans les pollces dlfferenLes (1lmes new 8oman Arlal
Ierdana eL omlc sans MS) eL avec les couleurs approprlees comme clapres

7) Afflchez la formule (x1 x2) 2(x1+x2)2 4x1x2 comme clapres

8) resenLez du LexLe barre comme clapres


6

9) Afflchez le LexLe clapres en a[ouLanL un commenLalre la menLlon 1ouL ce qul esL ecrlL
lcl ne sera pas afflchee

10) ecrlre le code P1ML de la page sulvanLe pour creer un reLralL comme clapres

11) uLlllser la ballse kL]kL pour obLenlr le mme resulLaL que precedemmenL
12) Afflcher voLre nom en cllgnoLemenL eL voLre prenom en defllemenL (ballse
MAkULL)
13) uLlllser les ballses ADDkLSS CCDL CI1L eL DIN sur un LexLe de voLre cholx
pour en dedulre la dlfference enLre eux


7

14) 8eprodulsez la llsLe puces comme clapres

13) 8eprodulsez la llsLe numeroLee sulvanLe en respecLanL blen les dlfferenLs reLralLs

16) 8eprodulsez comme cl apres la llsLe numeroLee conLenanL une llsLe puces


8

17) Lcrlre le code P1ML de la page sulvanLe

18) resenLez sous forme de llsLe de deflnlLlon les sorLes de llsLes en P1ML comme clapres

19) reer la llsLe de reperLolre comme sl dessous

9

20) 8eprodulre le code P1ML de la llsLe de menus sulvanLe

21) Lcrlre le code P1ML de la ballse nk correspondanLe au dlfferenLes formes presenLees
sl dessous

10

22) avec un arrlere plan de couleur verLe eL apres un LlLre cenLre en Arlal eL une llgne
horlzonLale presenLez une llsLe lmbrlquee comme clapres


11

23) 8eprodulsez la capLure d'ecran sulvanLe

24) hanger la couleur de l'arrlere plan avec une lmage de voLre cholx

Y Yyyy Yy Yyy Yy Y

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Y Yyyy Yy Yyy Yy Y

Uploaded by

Copyright:

Available Formats

Ate||er Web 1 ISL1 MLDLNINL 20112012

1I1 A 8 et C |Lnse|gnantes 88en Azzoun S8en CulraL

You might also like