Ивличев П.С. Практикум по информационным... Ч. 9
.pdf
|
|
|
|
21 |
|
|
|
|
|
П |
|
no |
yes |
ч |
|
|
: |
щ |
ч |
О |
|
ь |
к |
<img> |
- |
|
|
kartinka |
|
|
yes, |
|
<button> |
||
|
|
knopka |
|
|
no; |
щ |
ч |
|
|
|
yes, |
<button> |
|
|
knopka |
|
- |
|
|
<img> |
|
kartinka |
|
|||
|
|
no. |
|
|
|
|
|
|
|
, |
html- |
|
|
|
- |
|
|
|
|
, |
|
|
|
. |
web- |
|
|
|
|
onclick – |
|
||||
|
. |
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
. Onclick |
– |
onclick |
|
, |
|
||
html- |
|
html- |
|
id |
||||
class. |
|
|
|
: |
|
|
|
|
|
|
|
яИ |
= “ |
|
” |
|
|
|
|
|
onclick |
|
|
|
|
|
|
- |
|
. |
) |
|
|
onclick ( |
|
|
JavaScript. |
|
|
|
|
|
||
|
JavaScript – |
|
|
|
|
|||
|
|
|
- |
|
|
|
||
, |
|
|
. |
, |
|
|
|
- |
|
html- |
|
|
|
|
- |
||
|
|
|
. |
|
|
|
||
|
|
JavaScript |
|
|
|
, |
||
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
. |
. |
|
|
|
(;). |
JavaScript |
|
. |
||
|
|
|
|
|
||||
), |
, |
|
|
|
//. |
|
( |
- |
|
JavaScript – |
|
|
|
- |
|||
, |
|
|
|
|
|
|||
. |
|
|
|
function, |
|
|
|
|
|
|
|
|
|
|
|
||
|
: |
яИ |
(Д |
|
|
]) д |
|
|
|
function |
|
|
|
|
|||
|
[ |
|
] |
|
|
|
|
|
|
[return |
] |
|
|
|
|
|
|
|
} |
, |
|
, |
|
|
. |
- |
|
|
|
|
|
||||
|
. |
return |
|
|
|
|
|
|
|
|
|
|
|
|
|
- |
|
. |
|
|
|
|
, |
|
||
|
|
|
|
|
|
|
|
|
|
22 |
|
|
|
|
. |
|
|
|
|
|
, |
|
|
|
|
|
|
|
. |
|
html- |
|
JavaScript |
- |
|||
|
<script>…</script>, |
|
|
src, |
|
||
|
|
|
|
.js. |
|
, |
- |
|
. |
|
|
<script> |
|
||
<head> |
|
|
|
|
|
|
|
2. |
|
|
Notepad++ |
, |
|
||
|
|
|
HTML |
|
К |
.js. |
|
3. |
|
|
<head> |
А |
.html |
|
|
|
|
|
: |
src ="К |
|
|
|
<script type="text/javascript" |
.js"> </script> |
|
|||||
– |
|
|
|
|
|
|
: |
but( ), |
|
|
; |
|
|
, |
|
– |
pic( ), |
|
|
|
|
|
|
|
|
|
kartinka, |
on- |
|||
click |
<img> |
|
|
|
|||
no, |
<button> |
|
id= "knopka" |
|
yes. |
|
|
4. |
А |
.html |
|
|
<img> |
- |
|
|
onclick |
|
pic |
|
|
this. |
|
<img src=А .jpg |
class="no" onclick="pic(this)" id="kartinka"> |
||||||
|
this |
|
|
|
JavaScript |
|
|
|
. |
|
|
|
onclick |
html- |
|
|
img, |
|
this |
|
|
|
, |
|
А |
|
. |
|
|
|
- |
5. |
.html |
|
|
<button> |
|||
|
onclick |
but |
|
|
this. - |
||
|
|
|
. |
|
|
|
|
|
|
but( ) |
|
|
knop ( |
- |
|
|
). |
|
|
|
|
|
|
function but(knop){ |
|
|
|
|
|
||
} |
|
|
|
|
|
|
- |
|
|
|
|
|
|
|
|
|
this, |
|
|
|
knop |
|
- |
|
. |
|
|
|
|
, |
|
|
|
|
document, |
|
|||
getElementById( ) |
|
|
|||||
|
JavaScript: |
|
|
|
|
|
|
var |
k=document.getElementById("kartinka") |
|
|||||
|
var |
|
|
|
|
. |
k |
( |
|
|
) |
|
|
|
. |
|
|
23 |
|
|
. |
|
|
|
className |
, |
|
: |
|
|
|
but( ) |
|
||
function but(knop) { |
|
|
|
|
var k=document.getElementById("kartinka"); |
|
|||
k.className="yes"; |
|
|
||
knop.className="no"; |
|
|
||
}; |
|
|
|
|
6. |
К |
.js |
but( ) |
- |
. |
К |
.js |
|
- |
7. |
pic( ) |
|||
, |
, |
. |
А |
. |
8. |
|
.html |
||
. |
|
|
, |
|
. |
, |
|
|
|
9. |
|
, |
|
|
|
|
|
|
|
<img> |
|
|
|
|
tТtlО="Щ |
, |
|
" |
|
|
|
|
|
|
10. |
inline-block. |
yes |
inline |
|
block |
. |
|
. |
|
А .html. |
|
|
||
|
13. |
|
|
|
10 – |
я |
.СtЦХ |
24
1. |
10. |
|
|
.html |
, |
hd2. |
|
2. |
.txt. |
|
, |
<p>. |
html- |
|
<div> |
. |
|
, |
- |
. |
|
|
|
|
, |
|
, |
|
. |
|
, |
|
. |
|
|
|
|
|
|
<a> </a> |
name. |
, |
|
<a name=”begin”> </a> |
, |
|
- |
|
|
||
|
. |
|
|
href |
|
|
#, |
<a СrОП=”#bОРТn”> |
</a> |
|
|
|
. |
|
|
3. |
11. |
|
.html |
, |
|
|
|
. |
|
|
|
11 –
|
|
25 |
|
|
|
14. |
|
|
|
|
|
1. |
|
|
10-12, |
|
- |
.html: |
|
|
|
|
|
– |
|
|
|
|
- |
( |
|
|
|
|
) |
– |
|
; |
, |
|
- |
|
. |
|
|||
|
|
|
|
|
|
|
|
|
, |
|
|
|
|
, |
, |
|
|
, |
|
; |
|
|
- |
, |
|
|
|
|
|
. |
, |
|
|
|
- |
|
|
|
|
||
title |
|
. |
, |
, |
- |
. |
|
, |
|
|
|
|
|
, |
|
- |
|
|
|
|
|
||
.setAttribute( |
, |
И |
) |
|
|
, |
, |
|
, |
|
|
|
: |
|
|
|
|
document.getElementById("zagolovok").setAttribute("title", ""); |
|
|
|||
zagolovok – |
|
, |
title |
|
- |
. |
|
|
|
|
|
2. |
|
|
|
|
|
. |
|
|
|
|
|
|
|
|
|
|
|
|
15. |
|
Web- |
|
|
12 – |
.СtЦХ |
|
|
26 |
|
|
|
|
|
1. |
, |
12. |
- |
А .html |
|
||
|
.html. |
И |
.jpg. |
|
. |
13 – |
.СtЦХ |
|
|
|
|
|
|
2. |
Notepad++ html- |
.html |
- |
, |
13. |
|
|
web-
А.html.
27
3. |
ч |
|
.txt. |
|
|
.txt |
- |
||
4. |
.txt |
|
||
ч |
. |
|
|
.html |
5. |
|
web- |
|
|
.html |
HTML. |
. |
|
|
6. |
.html |
web- |
web- |
|
|
|
|||
. |
|
|
|
. |
|
|
|
|
|
7. |
, |
|
. |
. |
|
|
, - |
||
8. |
.css. ( |
|
web- |
|
.) |
|
|
|
|
|
|
|
|
|
|
16. |
|
JavaScript |
|
|
12 |
|
|
|
.html. |
, |
|
|
|
, |
. |
, |
|
- |
|
|
|||
, |
|
|
; |
- |
, |
, |
|
|
|
|
no |
|
||
vaScript. |
|
: |
|
Ja- |
|
|
|
||
if ( |
) { |
|
|
|
} |
|
|
|
|
else { |
|
|
|
|
} |
|
|
|
- |
|
; |
|
|
|
. |
|
|
|
|
|
|
|
|
|
==. |
|
|
|
|
1. |
|
.html |
.js |
. |
|
|
К |
, |
|
. |
, |
. |
|
- |
|
|
28
|
2. |
СtЦХ- |
|
|
MS АoЫН |
|
|
АШЫН |
|
АОЛ- |
|
: |
|
|
MS |
|
|
|
|
|
|
||
– |
|
|
АОЛ- |
|
, |
|
, |
|
. |
, АОЛ- |
|
|
|
. |
|
|
|
( |
|
|
, |
, |
- |
- |
- |
) |
|
; |
|
|
|
– |
|
, |
|
, |
: |
|
, |
– |
|
|
; |
|
|
||
|
|
|
АОЛ- |
.СЭЦ |
.СЭЦХ – |
||
– |
|
|
; |
; |
|
|
|
|
|
|
|
|
|
||
– |
|
АОЛ- |
|
. |
|
|
|
|
17. |
|
|
|
.html |
|
|
1. |
|
|
.html |
|
ч - |
||
|
|
.docx (.doc). |
|
|
|
||
2. |
|
|
|
|
|
|
|
Word. |
|
. |
|
|
|
, |
|
3. |
, |
|
|
|
Word |
- |
|
: |
|
|
|
.html |
|||
|
|
|
|
|
|
|
|
– |
|
, |
|
|
|
|
, |
|
|
; |
|
|
≈ 3 |
. |
- |
– |
|
|
|
, |
|
|
|
|
; |
|
|
|
|
||
– |
|
|
|
|
; |
||
|
|
|
|
|
|||
– |
|
); |
|
|
|
( |
|
|
|
|
|
|
|
|
|
– |
|
Ц |
|
|
|
|
- |
|
|
. |
|
|
|
ч - |
|
4. |
|
web- |
|
|
|
||
|
. |
, |
Ф |
– |
|
– |
- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
, |
|
|
|
|
|
- |
|
|
|
|
|
, |
. |
- |
|
|
|
|
|
|
|
|
5. |
|
|
А |
.html, |
.html, |
.html, |
|
.html |
Word |
web- |
|||||
( |
ч |
|
). |
|
|
||
|
|
|
|
|
|||
|
|
|
|
|
– |
. |
|
|
|
|
|
29 |
|
|
|
|
|
|
|
|
. |
|
|
И |
|
.jpg |
|
|
|
- |
|
|
|
|
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ч |
|
. |
|
|
|
|
|
|
- |
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
18. |
|
|
|
|
|
|
|
|
|
|
|
MS АШЫН |
|
|
|
|
. |
- |
|
|
|
|
|
|
|
|
|
|
|
- |
|
|
|
|
: |
|
|
|
|
|
|
|
|
|
|
– |
|
|
|
|
. |
|
|
|
|
|
|
|
|
|
|
|
|
|
; |
|
||
|
|
|
– |
– |
|
; |
|
|
|
|
|
|
я |
; |
|
|
|
|
|
|
|||
|
|
|
|
. |
|
|
|
|
|
||
|
– |
|
|
|
|
|
|
|
|
- |
|
. |
|
|
|
( |
|
|
); |
|
|
|
|
|
|
|
– |
– |
|
; |
|
я |
|
- |
|
|
|
, |
; |
|
|
|
|
|
К. |
|
|
, |
|
, |
|
|
|
|
|
- |
|
||
|
|
|
|
|
|
|
|
||||
. |
|
|
|
|
|
|
|
|
|
|
|
|
1. |
|
|
.html |
|
|
|
Word. |
|||
|
– |
|
, |
, |
|
|
|
|
|
– |
|
|
|
|
|
|
|
|
|
ч - |
|||
|
|
. |
|
|
|
. |
|
|
|
- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
я- |
|
|
|
|
|
|
Ф |
, |
- |
|
, |
- |
|
|
|
|
|
|
|
К. |
|
|
|
|
|
|
2. |
|
|
|
|
А |
.html, |
|
|
- |
|
|
.html |
.html |
|
web- |
|
|
.html, |
|
|||
|
.html, |
. |
|
|
ч |
|
, |
. |
- |
|
|
|
|
|
|
|
|
|
|
|
|
||
|
3. |
|
. |
А |
.html, |
.html, |
|
.html, |
|
||
|
|
|
|
|
|||||||
|
.html |
|
|
ч |
|
|
|
|
|
- |
|
|
, |
. |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
19. |
|
|
|
|
|
|
, |
|
, |
|
( |
|
, |
|
, |
, |
). |
|
||
html- |
|
|
- |
|
|||||||
|
|
|
|
|
|
|
|
|
|
|
|
30 |
|
|
Word, |
– |
|
|
. |
|
|
1. |
ч |
web- |
|
|
. |
|
|
|
20. |
|
|
1. |
html- |
, |
- |
|
Word. |
. |
- |
2. |
|
.html |
|
ч |
|
Notepad++. |
html- |
|
. |
|
. |
|
|
. |
- |
, |
. |
|
, |
|
. |
|
|
3. |
: |
Word, |
web- |
|
|
|
|
|
|
. |
|
|
21. |
|
|
1. |
html- |
ч |
- |
HTML.