Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Практика_WEB_1_semestr

.pdf
Скачиваний:
10
Добавлен:
09.02.2016
Размер:
809.26 Кб
Скачать

 

a tz

- t

099

rt

s

tz

 

t

r

 

r z r s r

u z z)

 

 

 

ü

ü

 

 

 

 

 

 

e r

ü

 

 

P?<-

ü )

ü

ü

ü

 

ü

)

 

 

 

 

 

 

sz

1.ü

2.ü ü ü

3.

 

 

 

 

ü

 

 

 

 

 

 

 

 

 

4.

 

ü

 

 

ü

 

 

 

 

 

 

 

 

 

5.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

r r

 

 

 

 

 

 

 

 

 

 

 

 

1.

))

-

 

ü

BMFE(

ü5

ü

 

(++, (/4

)

 

2.

)

- "Web-

ü 5

(

 

(

ü( ++. )

 

 

 

3.

 

(

ü

ükYV-

 

ü

 

IBI FmLe (

ü-

ü -

 

 

 

( ++. )

 

 

 

 

 

 

 

 

 

 

4.

) ü

( )

 

( ) ü -

BMFE/)+) ü -

 

(++. )

 

 

 

5.

)

- "Web-

ü 5

(

 

(

ü( ++. )

 

 

 

 

 

 

 

 

 

 

z

t

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<head>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

7hhY9

ü ü ü

ü

7*hhY9

 

 

 

 

 

 

 

 

 

<style type="text/css"> /&

ü

ü&*</style>

 

 

 

 

 

 

 

 

</head>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<body><!--

 

 

b o d y - --></body>

 

 

 

 

 

 

 

 

 

</html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

#

ü hmdY

s t y l e -

ü ü

 

 

ü ü

ü

 

 

 

 

 

 

 

)

ü

ü

hmdY

 

shYlh*Wggt)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ü

=LL ü

üü

üü

 

 

ü ='')

 

 

 

 

 

 

 

 

 

yghmY -

ü

ü

 

 

 

ü )

ü

ü

 

 

ü

üü

 

ü

ü (

ü

 

(

ü

 

 

 

 

)

 

 

ü.

 

 

 

 

 

 

 

 

 

 

 

 

 

ü

 

 

yVcXmv ü ü

ü

 

üF bcbPYV(ü

 

 

 

 

yd

v

 

 

)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<head>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<hhY9

ü ü ü

ü

7*hhY9

 

 

 

 

 

 

 

 

<style type="text/css">

body {

font - family: Minion Web, Palatino Linotype, Book Antiqua, Baskerville Win95BT, Times New Roman, serif;

}

h1 {

text - align: center;

letter - spacing: 0.1ex;

font - style: normal;

}

p {

text - align: justify;

text - justify: newspaper;

text - indent: 1.25em;

51

font - size: 1.05em;

}

</style>

</head>

<body>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

< ,9ü

7*,9

 

 

 

 

 

 

 

 

 

 

 

 

<d9

)7*d97d9

)7*d97d9

)7*d97*VcXm97*ha9

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(

 

yghmYv

ü

 

ü

ü ü

 

 

)

 

 

 

 

 

 

 

VcXmt

 

 

 

ü ü

ü

ü

ü

 

)

(

 

 

ü

 

6

 

ü v

 

v

 

(

 

 

ü

ü

 

ü ü) ü ü ü

 

 

ü

 

ü) ü ü

v ü ü

 

 

ü (

 

ü ü

 

)

 

ü ü ü ü

 

 

 

 

ü

 

style)

 

 

üü

ü

)

 

 

ü

 

 

 

 

 

h 1 -

yd- )

 

 

ü (

 

 

 

 

ü

 

 

ü

 

ü

 

 

) ü

 

ü (yVcXm-

ü ü ü

ü

ü(

 

ü üü ü

ü

 

 

 

ü y,-

yd- .

 

 

ü

 

yghmY-

 

 

 

PYV-

ü

(

ü ü

üü )

ü

ü

)

 

 

 

 

 

 

 

 

ü

ü

6

ü

)

<html>

<head>

 

<hhY9 ü ü ü ü

7*hhY9

<style type="text/css">

 

body {

 

 

 

font - family: Minion Web, Palatino Linotype, Book Antiqua, Baskerville Win95BT, Times New Roman, serif;

}

h1 {

text - align: center;

letter - spacing: 0.1ex;

font - style: normal;

}

p {

text - align: justify;

text - justify: newspaper;

text - indent: 1.25em;

font - size: 1.05em;

}

h1 strong {

text - transform: uppercase;

}

p strong {

font - style: italic;

}

p em strong {

font - style: normal;

text - decoration: underline;

}

52

p em {

color: rgb(75%, 0%, 0%);

}

</style>

 

</head>

 

 

 

 

 

 

 

<VcXm97,9

)7ghfcb9

)7*ghfcb9 )7/h1>

 

 

 

<d9 )7ghfcb9 )7*ghfcb9

)7Ya9 )7ghfcb9 )7*ghfcb9

)7*Ya9

 

 

)7*d97d9

)7*d97*VcXm97*ha9

 

 

 

 

 

 

 

 

 

 

(

 

 

 

ü ü ü ü ü

s t r o n g v ü

 

(

 

 

ü

)

yghfcb

v

 

ü

 

y,- (

)

ü

yd

 

v v

)

 

ü

yYa - (

ü

 

 

yd v

)

 

 

 

 

 

# ü

 

 

 

 

 

 

 

 

 

ü

üü (

ü

)

 

 

 

 

 

 

 

 

 

 

<html>

 

 

 

 

 

 

 

<head>

 

 

 

 

 

 

 

<hhY9 ü ü ü ü

 

7*hhY9

 

 

<style type="text/css">

body {

font - family: Minion Web, Palatino Linotype, Book Antiqua, Baskerville Win95BT, Times New Roman, serif;

}

h1 {

text - align: center;

letter - spacing: 0.1ex;

}

p {

text - align: justify;

text - justify: newspaper;

text - indent: 1.25em;

font - size: 1.05em;

}

h1 strong {

text - transform: uppercase;

}

h1, p, h1 strong { font - style: normal;

}

</style>

</head>

 

 

 

 

 

 

 

 

<VcXm97,9 )7ghfcb9 )7*ghfcb9

)7*,97d9

)7*d97d9

)7*d9

 

</body></html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ü

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ü

 

 

ü ü

 

 

 

ü

)

 

 

 

 

 

 

 

 

 

 

 

 

 

(

 

ü

 

(

ü

 

 

ü )

ü

ü ü

(ü ü

ü ü

 

ü ) ü

ü(

)

 

 

 

 

 

 

 

53

 

 

 

<html>

<head>

 

7hhY9 ü ü ü ü

7*hhY9

<style type="text/css">

 

 

 

body {

font - family: Minion Web, Palatino Linotype, Book Antiqua, Baskerville Win95BT, Times New Roman, serif;

}

h1 {

text - align: center; letter - spacing: 0.1ex;

}

p {

text - align: justify;

text - justify: newspaper; text - indent: 1.25em; font - size: 1.05em;

}

#emphasis {

letter - spacing: 0.35ex;

}

</style>

</head>

<body>

<h1>

)

</h1>

 

<p>

 

 

 

 

 

 

 

 

 

 

<Ya X8YadUgg9

)7*Ya9

)7*d97d9

)7*d97*VcXm97*ha9

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

(

ü

ü ü

 

ü

(

ü

 

 

 

ü

ü ü

ü

ü

)

 

E- .

 

 

ghmY ü

ü

X

ü ü

 

 

 

 

 

 

 

)

 

 

 

 

 

ü

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ü

 

üü

 

 

) ü

ü

ü

 

 

 

 

 

)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ü üü

ü

 

 

( # ü

 

ü)

 

 

 

ü

ü

ü ü

class(

ü

ü ü

 

(ü ü

 

 

 

ü #

(

ü

)

 

 

 

 

 

 

ü ü üü üü

ü ü) ü ü

 

- ü

 

üü

ü

(

 

ü

ü

)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<html>

 

 

 

 

 

 

 

 

 

 

<head>

 

 

 

 

 

 

 

 

 

 

<hhY9

ü ü ü

ü

7*hhY9

 

 

 

 

 

<style type="text/css">

body {

font - family: Minion Web, Palatino Linotype, Book Antiqua, Baskerville Win95BT, Times New Roman, serif;

}

h1 {

text - align: center;

54

letter - spacing: 0.1ex;

}

p {

text - align: justify;

text - justify: newspaper; text - indent: 1.25em; font - size: 1.05em;

}

p.emphasis { *&

ü ü

ü YadUgg)&*

 

 

 

 

 

font - size: 1.35em;

 

 

 

 

 

 

 

 

text - indent: 1.05em;

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

</style></head>

 

 

 

 

 

 

 

 

<body>

 

 

 

 

 

 

 

 

 

< ,9

) 7*,9

 

 

 

 

 

 

 

 

<dWUgg8YadUgg9

) 7*d97d9 )

7*d97dWUgg8YadUgg9

) 7*d97d9

)

</p></body></html>

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ü

ü

ü

 

)

 

 

 

 

üü ü

)

 

 

 

 

 

 

 

 

 

ü

ü

üü

ü

 

( ü

ü

 

QBMFE -

ü) ü

ü(

 

ü

üü

 

 

 

ü YadUgg(ü

ü ü

ü

ü

 

)

 

 

 

 

 

 

 

 

 

 

 

 

 

<html>

 

 

 

 

 

 

 

 

 

<head>

 

 

 

 

 

 

 

 

 

<hhY9

ü ü ü

ü

7*hhY9

 

 

 

 

 

<style type="text/css">

 

 

 

 

 

 

 

 

body {

 

 

 

 

 

 

 

 

 

font - family: Minion Web, Palatino Linotype, Book Antiqua, Baskerville Win95BT, Times New Roman, serif;

 

 

}

 

 

 

 

 

 

 

 

 

h1 {

 

 

 

 

 

 

 

 

 

text - align: center;

 

 

 

 

 

 

 

 

letter - spacing: 0.1ex;

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

p {

 

 

 

 

 

 

 

 

 

text - align: justify;

 

 

 

 

 

 

 

 

text - justify: newspaper;

 

 

 

 

 

 

 

 

text - indent: 1.25em;

 

 

 

 

 

 

 

 

font - size: 1.05em;

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

p.emphasis {

 

 

 

 

 

 

 

 

text - indent: 1.05em;

 

 

 

 

 

 

 

 

text - align: left;

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

*.emphasis {

 

 

 

 

 

 

 

 

font - size: 1.35em;

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

</style>

 

 

 

 

 

 

 

 

 

</head>

 

 

 

 

 

 

 

 

 

<body>

 

 

 

 

 

 

 

 

 

< ,9

)7YaWUgg8YadUgg9

)7*Ya97*,97dWUgg8YadUgg9

)7*d9

 

 

 

 

 

 

55

 

 

 

 

 

 

<d9 )7*d97d WUgg8YadUgg9

)7gdUb WUgg8YadUgg9UX abaU jYbUa7*gdUb9

)

 

 

 

 

 

 

 

 

 

 

 

7*d97d9

)7*d97*VcXm97*ha9

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

ü ü ( ü ü ü

 

 

# ü ) ü ü

 

s)YadUggoptüü

ü

s&)YadUggopt)

 

 

 

 

 

 

 

ü üü

 

 

(

ü

v

 

 

 

ü

)

 

 

 

 

 

 

 

 

 

 

ü

 

 

 

 

 

 

 

 

 

 

ü

üPYV- ü

(

 

 

ü )

 

 

 

 

 

 

 

 

 

 

 

 

 

üü

 

 

E -

ü

 

)Wgg)

ü

 

 

ü

 

ü

 

QBMFE-

ü(

 

 

)

 

ü

(

ü

 

 

PYV- ü ( ü

 

 

 

 

 

) ü

ü

 

ü (

ü

ü

#

ü

 

XHTML -

ü ü)

 

 

 

 

 

 

 

 

üü jYk)Wgg5

/* ü jYk)Wgg)&*

body {

background - color: rgb(100%, 80%, 60%);

color: black;

font - family: trebuchet ms, officina sans, meta, sans - serif;

}

h1 {

text - align: center;

font - size: 3.4em;

font - style: italic;

}

p {

line - height: 1.2em;

text - indent: 0.8em;

text - align: justify;

text - justify: newspaper;

}

h1, strong {

font - weight: normal;

letter - spacing: 0.6ex;

color: rgb(100%, 80%, 0%);

}

ü

ü

PYV-

ü

ü

 

y b - ) ü

fY(

 

 

(

ü

(

 

( ü üü

sghmYgYYht6 ü

 

type

v ü

(

ü

(

ü

 

 

 

href v

 

 

shYlh*Wggt6 ü

 

 

 

ü

)

ü

 

üü

(

ü jYk)Wgg ü

(

(

 

%)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<html>

 

 

 

 

 

 

 

 

 

 

 

<head>

 

 

 

 

 

 

 

 

 

 

 

<hhY9

ü ü ü

ü

7*hhY9

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<link

rel="stylesheet"

type="text/css"

href="./ view.css"

56

/>

<!--

ü

-->

 

 

 

</head>

 

 

 

 

 

<body>

 

 

 

 

 

<!--

b o d y - . - - > </body></html>

 

 

 

 

 

 

 

 

 

 

 

 

artr

tz r

r z

s z

 

1.

ü jYk)Wgg

(

ü

BMFE

ü

ü )

 

 

 

 

 

2.

ü jYk)Wgg(

ü

 

ü ü

ü

)

3.

 

P?<

ü

jYk)Wgg

 

 

 

)

 

c

zr

 

 

 

 

 

1.

ü ü

)

 

 

 

 

2.

# ü

)

 

 

 

 

3.

ü

ü )

 

 

 

 

4.

ü

)

 

 

 

 

r

 

r z r s r

u z z)

 

ü

 

 

 

e r

ü

ü

(

=LL)

sz

1.ü

2.ü ü ü

3.

ü

57

4.

 

ü

 

ü

 

 

 

 

5.

 

 

 

 

 

 

 

 

 

r r

 

 

 

 

 

 

 

1.

))

-

ü

BMFE(

ü5

ü

(++, (/4

)

2.

)

- "Web-

ü 5

(

 

(

ü( ++. )

 

3.

 

( ü

ükYV-

ü

IBI FmLe (

ü- ü -

 

 

( ++. )

 

 

 

 

 

4.

) ü

( )

( ) ü -

BMFE/)+) ü -

(++. )

 

5.

)

- "Web-

ü 5

(

 

(

ü( ++. )

 

 

 

 

 

 

z

t

 

 

übackground - color

 

 

üü

ü

ü

VUW_fcibXWccf)

ü

ü

ü

-

) ü

ü5

 

 

 

 

 

 

 

 

<body style="background - color: lightblue;">

 

 

 

 

 

 

 

 

 

 

 

 

 

ü üü

-

 

) ü ü5

 

 

 

 

 

 

 

 

<body style="background - color: lightblue;">

 

 

 

 

<h4 style="background - Wccf5fYYb69

ü

ü

ü7*/9

 

 

<p style="background - color: magenta;">

 

 

 

 

 

ü

üü üü) ü

üü ü ü) ü

üü ü ü)

 

 

 

 

 

 

 

 

 

 

</p>

</body>

übackground - image

 

ü üü

ü )

ü

background - aUY( ü

ü

ü ) ü

ü

5

 

 

<body style="background - image: url(./image/fon.gif);">

ü

ü

ü ü ü

) üü ü

ü

ü (

ü(

ü

(üü

ü

VUW_fcibXcolor.

 

<body style="background - color: lightblue; background - image: url(./image/fon.gif);">

ü

VUW_fcibXaUY ü ü

VcXm)

übackground - repeat

ü (

üü

 

ü

ü) ü

VUW_fcibXrepeat

ü

 

ü

ü ) ü

ü üü

ü R(

)

 

 

 

 

 

<body style="background - color: lightblue;

58

background - image: url(fon.gif); background - repeat: repeat - y">

ü

VUW_fcibXfYdYUh

ü 5

repeat - y -

ü

ü

repeat - x -

ü

ü

no - repeat -

ü

 

übackground - position

 

ü

 

 

ü

ü

-

 

ü)

 

ü

 

 

ü

ü

 

ü

ü

 

ü(

 

 

 

ü(ü

 

ü

üü

 

ü )

 

 

 

 

 

 

 

 

 

 

ü

 

ü

ü

ü

ü

ü üü

 

 

ü)

ü

ü ü

 

ü ,+aa ,+aa(

 

 

 

 

 

ü

ü

 

ü ,+ ü

ü

 

 

ü( ü,+

 

 

 

ü

ü)

 

 

 

 

ü üü

ü ) üü

 

ü +! +! ü

 

 

 

ü

 

 

 

 

ü

ü

ü

ü

%) üü

 

ü ,++! ,++!

 

ü

ü

 

ü

 

ü

 

 

 

ü)

 

 

 

ü ü

 

 

ü

ü

( ü

ü

ü

 

 

ü 0! ,+!

ü

 

 

 

ü

(

ü

ü

ü

ü ,+!

 

ü

( 0!

 

 

ü

 

ü

ü

ü

ü ,+!

 

ü 0!

 

 

ü)

 

 

 

 

 

 

 

<body style="background - color: navy;

background - image: url(fon4.jpg); background - repeat: repeat - y; background - position: 50% 0%;">

 

üü

 

ü 0+! +!

ü

 

ü

ü ü

5 ü

ü

 

0+!

ü

ü

ü

 

ü (ü ü ü

 

üü

ü

 

+!% ü

 

ü

ü +!

 

 

ü )

 

 

 

 

 

ü

 

ü üüü

ü

ü

ü (

ü ü

 

 

ü ü

ü

 

 

üü)

 

 

ü

)

 

 

 

 

ü

 

 

 

 

 

 

 

 

 

ü

 

 

 

 

 

ü

ü

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

top left, left top

 

 

 

 

 

0%, 0%

 

 

 

 

 

top, top center, center top

 

 

 

 

 

 

 

 

 

 

 

 

50%, 0%

 

 

 

 

 

top right, right top

 

 

 

 

 

 

 

 

 

 

 

 

 

 

100%, 0%

 

 

 

 

 

left, left center, center left

 

 

 

 

 

 

 

 

 

 

 

 

0%, 50%

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

center, center center

 

 

 

 

50%, 50%

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

right, right center, center right

 

 

 

100%, 50%

 

 

 

 

 

bottom, left left bottom

 

 

 

 

 

 

 

 

 

 

 

 

0%, 100%

 

 

 

 

 

 

 

 

 

 

 

 

 

 

bottom, bottom center, center bottom

 

 

50%, 100%

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

bottom right, right bottom

 

 

 

100%, 100%

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

59

üü

ü ü

(

ü

ü5

<body style="background - image: url(fon.jpg);

background - repeat: no - repeat;

background - position: center;">

übackground - attachment

 

 

 

ü

 

ü

ü

 

ü(ü

 

ü ü

ü ( ü

) ü

 

ü ü ü 5

 

z

fixed -

 

ü (

ü

 

 

 

 

z

scroll -

 

ü

)

 

 

 

 

 

ü ü

 

ü ü

ü

ü

ü(

ü

ü

ü

 

ü

)

 

 

 

 

 

<body style="

background - color: white;

background - image: url(fon3.jpg);

background - repeat: no - repeat;

background - position: center;

background - attachment: fixed;">

 

 

 

artr

tz r

r z

s z

 

 

1.

(

 

ü

ü BMFE

ü

 

5

 

 

 

 

ü

( üü

ü

 

ü

background - color

 

 

 

 

 

ü(ü ü

ü

 

%6

 

 

 

ü

(

üü

 

ü

 

VcXm(

 

 

 

ü

background - image;

 

 

 

 

 

 

ü

ü

(üü

ü

 

ü

background - repeat:

 

repeat - m(

üVUW_fcibXposition: center;)

 

 

 

 

 

 

 

c

 

zr

 

 

 

1.

ü

VUW_fcibXcolor.

 

 

 

 

 

 

2.

ü

VUW_fcibXimage.

 

 

 

 

 

 

3.

ü

VUW_fcibXposition.

 

 

 

 

 

4.

ü

VUW_fcibXrepeat.

 

 

 

 

 

 

5.

ü

VUW_fcibXattachment

 

 

 

 

 

r

 

 

r z r s r

( u z z)

ü

 

 

 

e r

ü

ü

ü

ü )

sz

1.ü

2.ü ü ü

3.

 

 

 

ü

 

 

4.

 

ü

 

ü

 

 

5.

 

 

 

 

 

 

 

r r

 

 

 

 

 

1.

))

-

ü

BMFE( ü5

ü

(++, (/4 )

2.

)

- "Web-

ü 5

(

(

ü( ++. )

60