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

Ивличев П.С. Практикум по информационным... Ч. 9

.pdf
Скачиваний:
14
Добавлен:
07.01.2021
Размер:
939.72 Кб
Скачать

 

 

11

 

 

html-

 

 

,

 

,

 

(content)

:

-

(padding),

(border),

(margin).

 

 

 

 

(margin)

 

 

 

 

(padding)

 

 

(height)

 

 

(border)

 

 

 

 

 

(width)

 

 

5 –

 

 

 

 

.Сtml

 

-

:

.

,

 

 

 

.

,

 

 

 

 

 

 

 

p {

 

 

 

 

margin : 0;

 

 

 

 

padding : 0;

 

 

 

 

}

 

 

 

 

2.

.css

 

 

 

.

.

 

,

 

3.

.html

 

 

<link rel="stylesheet"

type="text/css" href = "

.css">

 

 

html-

.

.html

.

 

4.

 

 

5.

div

,

-

 

0.75em.

.html

.

 

background.

color.

-

RGB ( #

).

.

12

6.

 

 

.css

 

body,

-

 

background

lavender.

 

 

-

 

.

 

.html

.

 

 

 

font-family

.

,

 

-

 

 

 

 

 

 

 

 

:

 

 

 

serif

 

;

 

 

 

sans-serif

 

;

 

 

 

monospace

 

.

 

 

 

 

font-size

 

 

 

 

 

).

(

 

)

 

(

-

 

 

 

 

 

 

 

font-style

:

 

 

 

 

 

 

 

 

normal

 

;

 

 

 

italic

;

 

 

 

 

oblique

 

 

.

 

 

 

font-weight

:

 

 

-

 

 

 

 

 

normal

 

;

 

 

 

bolder

 

;

 

 

 

bold

;

 

 

 

 

lighter

 

.

 

 

 

letter-spacing

 

 

 

.

 

 

line-height

 

 

 

 

(

,

,

 

 

).

 

,

-

 

.

 

 

 

 

text-indent

 

.

-

 

.

 

,

 

 

 

 

 

 

text-align

 

:

 

left

;

 

 

 

 

 

13

 

center

;

 

right

;

 

justify

.

 

 

,

.hd1

:

.hd1 {

font-family: sans-serif; font-size: 120%; font-weight: bold; letter-spacing: 1em; text-align: center; color: indigo;

}

7.

 

.css

 

 

.hd1

-

.

 

.html

 

,

div,

-

 

 

,

 

hd1:

 

 

<div class="hd1">

 

 

 

 

 

</div>

 

.

 

 

 

 

 

 

 

.

 

 

8.

 

.html

,

 

-

 

p

 

 

2.5em,

.css

 

.

 

9.

 

 

.list1

 

.

 

:

 

 

 

 

;

 

 

 

 

 

 

;

 

 

 

 

 

;

 

 

 

 

indigo;

 

 

 

 

 

 

1.5.

,

 

div,

-

10.

 

.html

 

 

 

,

 

list1.

 

 

 

 

.

 

 

 

 

 

 

.html

 

.

 

 

 

 

5.

 

 

 

 

1.

 

HTML

 

 

 

-

ч

 

.

 

 

 

 

2.

 

6.

 

 

.

-

3.

Notepad++

ч

 

А

.txt.

 

 

 

 

 

 

 

 

 

HTML

А

.html.

 

 

 

 

 

14

 

 

 

 

4.

А .html

 

,

6.

 

.

-

 

div

.

 

.

А .html

 

5.

 

.css.

.hd2,

-

.hd1,

 

-

 

.

.

 

А .html

.

6 –

.СtЦХ

 

 

 

15

 

 

 

 

6.

 

АОЛ-

 

GIF, JPG, PNG.

 

 

АОЛ-

,

 

АОЛ-

.

html-

-

 

 

 

<img>,

-

 

src,

 

URL-

.

1.

 

 

7.

 

А .html

 

 

А .jpg,

 

,

 

.

 

 

<div>

<img

src=А

.jpg> </div>

 

2.

 

,

 

,

,

,

 

.hd2.

.

 

 

 

 

.

7 –

.СtЦХ

 

 

 

 

7.

 

 

 

 

аОЛ-

 

 

,

,

,

 

.

.

 

 

 

 

 

(

 

),

 

АОЛ-

.

 

 

 

 

АОЛ-

,

-

.

АОЛ-

 

 

-

 

 

 

16

 

 

 

 

(

)

,

-

 

 

АОЛ-

 

.

 

 

 

 

 

.

<a>.

 

 

 

href

 

 

 

URL

,

.

1.

 

 

.html

 

,

.

 

 

 

 

-

 

 

 

 

 

<p> <a СrОП="А

.Сtml"> А

 

 

</a> <p>

2.

 

 

 

.

,

 

 

 

 

.

 

 

 

 

 

,

<a>

 

 

.

 

 

-

,

 

 

 

,

-

 

<a>,

 

 

:

 

.list1, a {

 

 

 

,

3.

 

 

 

 

text-decoration: none

 

 

 

4.

 

,

,

 

 

 

,

 

,

 

target

<a>

blank.

html-

 

-

 

.

 

 

.

 

 

 

8.

 

 

 

 

 

,

 

HTML,

-

 

 

.

,

 

.

 

 

 

 

 

 

 

 

-

<ul>,

 

 

 

 

.

 

 

 

<li>.

 

 

 

 

 

 

.

 

-

list-style-type

:

 

 

none

 

;

 

 

disc

 

;

 

 

circle

;

 

 

 

square

;

 

 

decimal

 

;

 

lower-roman

 

 

;

upper-roman

 

 

;

lower-alpha

 

 

;

upper-alpha

 

 

.

 

17

 

 

 

 

 

 

1.

,

 

-

,

 

.

-

.html

.list1.

 

-

.

 

 

<ul class="list1" >

 

 

 

<lТ> <a СrОП="А .Сtml" tarРОt="blank"> А

 

 

</a></lТ>

 

 

 

<lТ>

</lТ>

 

 

<lТ>

я

</lТ>

 

<li>

</lТ>

 

 

</ul>

 

 

 

 

9.

 

-

html-

.

 

 

 

8 –

.СtЦХ

 

<body>.

,

-

.

 

-

 

 

 

18

 

 

 

<table>

 

</table>.

 

 

-

 

 

 

.

 

.

,

 

 

 

 

 

 

</tr>.

 

 

<tr>

 

 

 

 

 

 

<td> </td>

<th>

</th>.

<th>

 

 

 

,

<td>

 

 

.

 

 

-

<tr>,

 

 

 

 

.

 

 

<td>

 

<th>

 

,

 

 

 

 

</caption>.

 

 

-

<caption>

<tr>.

 

 

 

<table>

 

 

 

1.

А

.html

 

 

 

 

,

 

.

 

,

-

х ч

х

 

 

<div>

-

 

 

 

caption

-

.

 

 

 

 

 

 

<div>

 

 

 

 

 

 

<table>

 

 

 

 

 

 

<МaptТon Мlass="СН2">

-

 

 

</caption>

 

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

<tН> К

</tН>

 

 

 

 

<tН> 9б18

</tН>

 

 

 

 

</tr>

 

 

 

 

 

 

<tr>

 

 

 

 

 

 

<tН>

 

</tН>

 

 

 

 

<td> 1020

</td>

 

 

 

 

</tr>

 

 

 

 

 

...

 

 

 

 

 

 

</table>

 

 

 

 

 

</div>

 

 

 

.

 

-

2.

 

 

 

 

 

.

,

 

,

.

 

3.

,

 

 

,

 

8,

<td>:

td{

border-style: none; padding-right: 3em; text-align: left;

}

,

-

.

 

19

 

 

 

10.

 

Web-

-

 

 

 

:

,

,

,

-

. .

 

 

 

<button>.

 

.

,

-

 

 

 

,

 

 

.

-

.

 

 

 

-

 

 

 

 

9 –

 

 

 

 

 

1.

div,

,

button

,

9. (

 

 

<br>.)

.

,

-

.

 

 

20

2.

 

 

 

 

 

 

button:

 

 

 

 

,

8pt

 

 

-

 

;

 

 

indigo.

 

 

 

П

ч :

11.

 

 

АПС.html

,

ч

 

 

 

 

 

 

 

 

 

;

щ ч

 

О

-

ь

к

ч

,

,

 

,

 

;

щ ч

 

ч

,

О

ь

 

к

 

.

 

 

 

 

 

 

 

-

display.

 

,

 

,

 

:

 

 

 

 

none

 

(

 

 

 

);

 

block

 

 

 

;

 

 

,

inline

 

 

 

 

 

-

 

 

;

 

 

 

 

 

 

,

 

 

inline-block

.

 

 

 

 

 

 

 

 

 

 

 

 

:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.no {

 

 

 

 

 

 

 

 

 

display : none;

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

.yes {

 

 

 

 

 

 

 

 

 

display : inline;

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

1.

А

.html

 

.css

 

no

yes.

 

2.

 

,

 

 

 

-

 

no,

yes.

,

 

А

.html

3.

 

 

 

 

,

,

 

 

 

 

.

 

 

 

 

-

 

 

 

.

 

 

 

,

12.

 

 

JavaScript

 

 

 

 

 

 

 

 

web-

,

 

 

,

 

,

 

 

.

 

 

 

 

id

 

 

.

-

,

 

 

 

 

 

 

.

 

1.

 

 

<img>

kartinka,

 

 

<button>

 

knopka.

 

 

 

 

 

<img

src=А .jpg class="no"

id="kartinka">

 

 

 

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]