Практика_WEB_1_semestr
.pdfwidth :100%;
text - align: center; text - decoration: none; font - weight: 700;
background - color: lightblue; margin: 3px;}
</style></head>
<body>
<div style='background - color: blue;
width: 130px; height: 100%; border - style: solid; border - width: 2px;
border - color: red; |
|
float: left;'> <!-- ü ü |
ü --> |
<a class='menu' href='#'>Link1</a> |
|
<a class='menu' href='#'>Link2</a> |
|
<a class='menu' href='#'>Link3</a> |
|
<a class='menu' href='#'>Link4</a> |
|
<a class='menu' href='#'>Link5</a> |
|
</div> |
|
<div style='background - color: green; |
|
width: 100%; |
|
height: 100%; |
|
border - style: solid; |
|
border - width: 2px; |
|
border - color: red;'> |
|
</div></body></html> |
|
|
|
ü |
7;9 |
- |
(ü |
ü cihgYh) |
|
|
|
|
|
|
|
|
|
<html> |
|
|
|
|
|
|
<head> |
|
|
|
|
|
|
<style type='text/css'> |
|
|
|
|
|
|
a.menu {display: block; |
<!-- |
|
--> |
|
|
|
|
color: coral; |
|
|
|
|
|
|
width :100%; |
|
|
|
|
|
|
text - align: center; |
|
|
|
|
|
|
text - decoration: none; |
|
|
|
|
|
|
font - weight: 700; |
|
|
|
|
|
|
background - color: lightblue; |
|
|
|
|
|
|
margin :3 px; |
|
|
|
|
|
|
border: outset 4px lightblue;} |
<!-- . üü |
ü |
ü |
--> |
</style></head>
71
<body>
<div style='background - color: blue;
width: 130px; height: 100%;
float: left;'> <!-- ü ü ü --> <a class='menu' href='#'>Link1</a>
<a class='menu' href='#'>Link2</a> <a class='menu' href='#'>Link3</a> <a class='menu' href='#'>Link4</a> <a class='menu' href='#'>Link5</a> </div>
<div style='background - color: green; width: 100%; height: 100%;
border - style: solid; border - width: 2px; border - color: red;'>
</div></body></html>
( ü |
ü |
( |
ü |
ü |
)
ücjYfZck
|
ü |
cjYfZck |
ü ü |
ü ( |
ü( |
|
ü |
) ü |
cjYfZck |
ü ü ü |
ü |
5 |
|
|
|
|
|
|
|
|
ü |
ü |
cjYfZck |
|
|
|
|
|
|
|
|
|
|
|
ü |
visible |
|
ü |
ü |
ü |
6 ü |
( |
|
|
ü |
|
|
|
|
|
|
|
|
|
|
|
|
|
hidden |
|
|
ü |
ü |
# |
|
ü ) |
|
auto |
|
ü ü ( ü |
ü |
ü |
ü |
üü ü |
|
|
|
|
|
( |
( üü ü |
ü ü |
|
scroll |
ü |
ü |
ü |
# |
ü |
ü |
) |
ü ü ( |
ü ü |
ü |
üü |
ü ü ) |
|
|
|
|
<html> |
|
|
|
<head> |
|
|
|
<style type='text/css'> |
|
|
|
a.menu {display: block; <!-- |
|
|
--> |
|
|
|
|
|
|
72 |
|
color: coral; width :100%;
text - align: center; text - decoration: none; font - weight: 700;
background - color: lightblue;
|
|
margin :3 px; |
|
|
|
|
|
|
|
border: outset 4px lightblue;} |
<!-- . üü |
|
ü |
ü |
--> |
</style></head> |
|
|
|
|
|
||
<body> |
|
|
|
|
|
|
|
<div style='background - color: blue; |
|
|
|
|
|
||
|
|
width: 130px; |
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
float: left;'> <!-- |
ü ü |
ü |
--> |
|
|
<a class='menu' href='#'>Link1</a> |
|
|
|
|
|
||
<a class='menu' href='#'>Link2</a> |
|
|
|
|
|
||
<a class='menu' href='#'>Link3</a> |
|
|
|
|
|
||
<a class='menu' href='#'>Link4</a> |
|
|
|
|
|
||
<a class='menu' href='#'>Link5</a> |
|
|
|
|
|
||
</div> |
|
|
|
|
|
|
|
<div style='background - color: lightgreen; |
|
|
|
|
|
||
|
|
width: 100%; |
|
|
|
|
|
|
|
height: 100%;'> |
|
|
|
|
|
< ,9 |
)7*,9 |
|
|
|
|
|
|
< |
9 |
)7* 9 |
|
|
|
|
|
<d9 |
)7*d9 |
|
|
|
|
|
|
< |
9 |
)7* 9 |
|
|
|
|
|
<d9 |
)7*d9 |
|
|
|
|
|
|
|
)7c9 |
|
|
|
|
|
|
< 9 |
)7*9 |
|
|
|
|
|
|
< 9 |
)7*9 |
|
|
|
|
|
|
< 9 |
)7*9 |
|
|
|
|
|
</ol></div></body></html>
üü |
ü ü ü |
(ü ü ( |
ü |
ü |
cjYfZck üü |
|
) |
|
|
|
|
73
<html>
<head>
<style type='text/css'>
a.menu {display: block; <!-- |
|
--> |
|
|
||
|
|
color: coral; |
|
|
|
|
|
|
width :100%; |
|
|
|
|
|
|
text - align: center; |
|
|
|
|
|
|
text - decoration: none; |
|
|
|
|
|
|
font - weight: 700; |
|
|
|
|
|
|
background - color: lightblue; |
|
|
|
|
|
|
margin :3 px; |
|
|
|
|
|
|
border: outset 4px lightblue;} |
<!-- . üü |
ü |
ü |
--> |
p {text - align: justify; |
|
|
|
|
||
|
|
text - indent: 1.5em;} |
|
|
|
|
h1, h2, h3, h4 {text - align: center;} |
|
|
|
|
||
li {text - align: justify;} |
|
|
|
|
||
</style> |
|
|
|
|
|
|
</head> |
|
|
|
|
|
|
<body> |
|
|
|
|
|
|
<div style='background - color: blue; |
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
width: 130px; |
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
float: left;'> <!-- |
ü ü |
ü --> |
|
|
<a class='menu' href='#'>Link1</a> |
|
|
|
|
||
<a class='menu' href='#'>Link2</a> |
|
|
|
|
||
<a class='menu' href='#'>Link3</a> |
|
|
|
|
||
<a class='menu' href='#'>Link4</a> |
|
|
|
|
||
<a class='menu' href='#'>Link5</a> |
|
|
|
|
||
</div> |
|
|
|
|
|
|
<div style='background - color: lightgreen; |
|
|
|
|
||
|
|
width: 100%; |
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
overflow: auto;'> |
<!-- ü ü |
ü --> |
|
|
< ,9 |
)7*,9 |
|
|
|
|
|
< |
9 |
)7* 9 |
|
|
|
|
<d9 |
)7*d9 |
|
|
|
|
|
< |
9 |
)7* 9 |
|
|
|
|
<d9 |
)7*d9 |
|
|
|
|
|
<c9 |
) |
|
|
|
|
|
<l 9 |
)7*9 |
|
|
|
|
|
< 9 |
)7*9 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
< 9 |
)7*9 |
|
|
|
|
</ol></div></body></html>
74
|
|
ü ( |
|
|
|
ü |
|
) |
ü |
üü |
üü |
|
ü ü ü |
( dUXXb |
|
|
|
%) üü |
|
|
( |
|
) |
||
|
ü |
ü |
|
|
ü |
ü |
) |
ü |
ü |
aUf b |
||
VcXm |
+) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<html> |
|
|
|
|
|
|
|
|
|
|
|
|
<head> |
|
|
|
|
|
|
|
|
|
|
|
|
<style type='text/css'> |
|
|
|
|
|
|
|
|
|
|
|
|
body {margin: 0px; overflow: hidden;} <!-- |
|
|
ü |
|
ü --> |
|
|
|
|
|||
a.menu {display: block; |
<!-- |
|
|
|
|
--> |
|
|
|
|
|
|
|
color: coral; |
|
|
|
|
|
|
|
|
|
|
|
|
width :100%; |
|
|
|
|
|
|
|
|
|
|
|
|
text - align: center; |
|
|
|
|
|
|
|
|
|
|
|
|
text - decoration: none; |
|
|
|
|
|
|
|
|
|
|
|
|
font - weight: 700; |
|
|
|
|
|
|
|
|
|
|
|
|
background - color: lightblue; |
|
|
|
|
|
|
|
|
|||
|
margin :3 px; |
|
|
|
|
|
|
|
|
|
|
|
|
border: outset 4px lightblue;} |
<!-- . üü |
|
ü |
|
ü |
--> |
|
||||
p {text - align: justify; |
|
|
|
|
|
|
|
|
|
|
|
|
|
text - indent: 1.5em;} |
|
|
|
|
|
|
|
|
|
|
|
h1, h2, h3, h4 {text - align: center;} |
|
|
|
|
|
|
|
|
|
|
||
li {text - align: justify;} |
|
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
|
|
|
</head> |
|
|
|
|
|
|
|
|
|
|
|
|
<body> |
|
|
|
|
|
|
|
|
|
|
|
|
<div style='background - color: blue; |
|
|
|
|
|
|
|
|
|
|
||
|
|
width: 130px; |
|
|
|
|
|
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
|
|
|
|
|
float: left;'> <!-- |
ü ü |
ü |
--> |
|
|
|
|
|
||
<a class='menu' href='#'>Link1</a> |
|
|
|
|
|
|
|
|
|
|
||
<a class='menu' href='#'>Link2</a> |
|
|
|
|
|
|
|
|
|
|
||
<a class='menu' href='#'>Link3</a> |
|
|
|
|
|
|
|
|
|
|
||
<a class='menu' href='#'>Link4</a> |
|
|
|
|
|
|
|
|
|
|
||
<a class='menu' href='#'>Link5</a> |
|
|
|
|
|
|
|
|
|
|
||
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
<div style='background - color: lightgreen; |
|
|
|
|
|
|
|
|
|
|
||
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
|
|
|
|
|
overflow: auto; |
<!-- |
ü ü |
ü |
--> |
|
|
|
|
||
|
|
padding: 1em;'> |
<!-- |
ü ü |
|
|
--> |
|
|
|
||
< ,9 |
)7*,9 |
|
|
|
|
|
|
|
|
|
|
|
< 9 |
)7* 9 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
75
<d9 |
)7*d9 |
< 9 |
)7* 9 |
<d9 |
)7*d9 |
<o 9 |
) |
< 9 |
)7*9 |
< 9 |
)7*9 |
< 9 |
)7*9 |
</ol></div></body></html>
|
|
artr |
tz |
r |
r z |
s z ( |
1. |
ü ( |
|
ü |
|
( |
ü |
ü |
ü |
ü |
|
|
BMFE |
) |
|
|
|
c |
|
zr |
|
1. |
ü |
ü |
ü |
ü |
5 |
|
float;
visibility;
display;
overflow.
r
r sr |
t |
1/- |
1.ü)
2. |
ü ü |
) |
3. |
ü ü |
) |
4. |
) |
5.ü )
6.üü )
7. |
ü ü |
) |
8. |
ü ü |
ü ) |
9.)
10. ü ü |
ü ) |
11.)
12. ü)
13.ü )
14.ü .
15.ü ü ü )
16.ü ü )
76
17. |
) |
18.)
19. |
) |
20. |
ü ü ) |
|
|
|
|
r |
|
|
z uz |
|
r z |
s z |
|
|
|
1. |
ü |
( |
|
ü( ü |
( . |
|
2. |
ü |
5 |
|
|
|
|
|
ü |
( |
ü |
ü ü (ü |
; |
|
|
|
ü |
ha |
ü üü |
|
. |
3. |
|
ü |
ü |
) |
|
|
z r ü ü |
|
5 |
ü ü ( ü ü ( |
( |
||
|
ü |
ü ) |
|
|
|
|
77