.


:




:

































 

 

 

 





, , , .. , .. scrolling - <frame>, :

no - ,

yes - ,

auto - .

:

<html>
<head>
<title></title>
</head>
<frameset cols="*,800,*">
<frame src="dekor.html" scrolling="no" >
<frameset rows="120,*">
<frame src="logotype.html" scrolling="no" >
<frameset cols="200,600">
<frame src="menu.html">
<frame src="text.html">
</frameset>
</frameset>
<frame src="dekor.html" scrolling="no" >
</frameset>
</html>

, , marginwidth marginheight <frame>

:

<html>
<head>
<title></title>
</head>
<frameset cols="*,800,*">
<frame src="dekor.html" scrolling="no">
<frameset rows="120,*">
<frame src="logotype.html" scrolling="no" marginwidth="0" marginheight="0" >
<frameset cols="200,600">
<frame src="menu.html">
<frame src="text.html" marginwidth="10" marginheight="10" >
</frameset>
</frameset>
<frame src="dekor.html" scrolling="no">
</frameset>
</html>

.

, , , ( ) . "" -, .. , <frame> noresize

:

<html>
<head>
<title></title>
</head>
<frameset cols="*,800,*">
<frame src="dekor.html" scrolling="no" noresize >
<frameset rows="120,*">
<frame src="logotype.html" scrolling="no" marginwidth="0" marginheight="0" noresize >
<frameset cols="200,600">
<frame src="menu.html" noresize >
<frame src="text.html" marginwidth="10" marginheight="10" noresize >
</frameset>
</frameset>
<frame src="dekor.html" scrolling="no" noresize >
</frameset>
</html>

border .. <frameset>. border="0" .

:

<html>
<head>
<title></title>
</head>
<frameset cols="*,800,*" border="0" >
<frame src="dekor.html" scrolling="no" noresize>
<frameset rows="120,*" border="0" >
<frame src="logotype.html" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frameset cols="200,600" border="0" >
<frame src="menu.html" noresize>
<frame src="text.html" marginwidth="10" marginheight="10" noresize>
</frameset>
</frameset>
<frame src="dekor.html" scrolling="no" noresize>
</frameset>
</html>

.

, , <a href="text1.html"> -</a> , , .. .. .. , , .

, , name - target - , . .

:

<frame src="text.html" name="osnovnoe" > .. ..

( menu.html)

:

<a href="text1.html" target="osnovnoe" > -</a>

, , .. () text.html, text1.html, text2.html

:

index.html
<html>
<head>
<title></title>
</head>
<frameset cols="*,800,*" border="0">
<frame src="dekor.html" scrolling="no" noresize>
<frameset rows="120,*" border="0">
<frame src="logotype.html" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frameset cols="200,600" border="0">
<frame src="menu.html" noresize>
<frame src="text.html" name="osnovnoe" marginwidth="10" marginheight="10" noresize>
</frameset>
</frameset>
<frame src="dekor.html" scrolling="no" noresize>
</frameset>
</html>

menu.html
<html>
<head>
<title></title>
</head>
<body bgcolor="#e8e8e8" background="fon1.jpg" link="#b40000" alink="#900000" vlink="#900000">
<font face="Monotype Corsiva" size="6"color="#ff0000">:</font><hr>
<font face="Comic Sans MS" size="3">
<a href="text.html" target="osnovnoe" > </a><hr>
<a href="text1.html" target="osnovnoe" > -</a><hr>
<a href="text2.html" target="osnovnoe" > </a><hr>
.........
</font>
</body>
</html>

. , :

<a href="text1.html" target="_blank" > -</a>

target _top , .. "" .. :

<a href="text1.html" target="_top" > -</a>

.. .. , , , , ..

HTML . <iframe> - .

:

src - ,
width -
height -

scrolling -

no - ,

yes - ,

auto - .

align -

left -

right -

top -

bottom -

frameborder -

1 -

0 -

:

<iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1" ></iframe>

:

<html>
<head>
<title> </title>
</head>
<body>
<center><h2> </h2></center>
" ".
html.
<br>
<iframe src="primer.html" width="250" height="250" align ="left" scrolling="auto" frameborder="1"></iframe>
<br>

<br>
</body>
</html>

Noframes

, html . , .

, , , , ! ? , : ".. .. !".

, / <noframes>.

<noframes> , , . , .

:

<html>
<head>
<title></title>
</head>
<frameset cols="*,800,*" border="0">
<noframes>, ..</noframes>
<frame src="dekor.html" scrolling="no" noresize>
<frameset rows="120,*" border="0">
<frame src="logotype.html" scrolling="no" marginwidth="0" marginheight="0" noresize>
<frameset cols="200,600" border="0">
<frame src="menu.html" noresize>
<frame src="text.html" marginwidth="10" marginheight="10" noresize>
</frameset>
</frameset>
<frame src="dekor.html" scrolling="no" noresize>
</frameset>
</html>

, ( ..:) , ?) .

<noframes> <frameset>

, <iframe> </iframe> , .

:

<iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1"> , .. </iframe>

:

, , . . HTML ..

<noframes>. !


 

8

.. , , .

.

, :

.. , , "" .. ?

, . usemap <img> ( <img> src <img src="knopki.jpg">)

/ panel. :

<img src="knopki.jpg" usemap="#panel" >

# ..

, , . <map> name - .. ? , ..

<map name="panel">
</map>

, , . <area>, , , :

href - ( <a>)
shape - . :

rect -

poly -

circle -

coords -

:

<map name="panel">
<area href="primer1.html" shape="rect" coords="15,15,82,82">
</map>

"" .

:

<html>
<head>
<title> </title>
</head>
<body>
<center>
<img src="karta.jpg" usemap="#panel">
</center>
<map name="panel">
<area href="primer1.html" shape="rect" coords="15,15,82,82">
</map>
</body>
</html>

.. <area>.

href="primer1.html" - , , " ".

, "" , shape="rect".

coords="15,15,82,82" - .. "1,1,2,2" 1,1- 2,2 -. .. / 300 100 , =0,=0, =300,=100. , ..

:

, shape="rect" .. "" .

().

" ", . "" , shape poly - , , , "1,1,2,2,3,3,4,4 124,124" , . , , "1,1,2,2,3,3"

:

<area href="primer2.html" shape="poly" coords="148,15,185,82,110,82" >

..

:

<html>
<head>
<title> </title>
</head>
<body>
<center>
<img src="karta.jpg" usemap="#panel">
</center>
<map name="panel">
<area href="primer1.html" shape="rect" coords="15,15,82,82">
<area href="primer2.html" shape="poly" coords="148,15,185,82,110,82">
</map>
</body>
</html>

" " .. shape= "circle". . ,,R. , R - .

:

:

<html>
<head>
<title> </title>
</head>
<body>
<center>
<img src="karta.jpg" usemap="#panel">
</center>
<map name="panel">
<area href="primer1.html" shape="rect" coords="15,15,82,82">
<area href="primer2.html" shape="poly" coords="148,15,185,82,110,82">
<area href="primerk3.html" shape="circle"coords="250,50,33">
</map>
</body>
</html>

..

, "" .

- width height

, , alt, title.

.. border="0"..( , .. ..)

:

<html>
<head>
<title> </title>
</head>
<body>
<center>
<img src="karta.jpg" usemap="#panel" width="300" height="100" border="0" alt=" " title=" ">
</center>
<map name="panel">
<area href="primer1.html" shape="rect" coords="15,15,82,82" alt=" " title=" ">
<area href="primer2.html" shape="poly" coords="148,15,185,82,110,82" alt="Ƹ " title="Ƹ ">
<area href="primer3.html" shape="circle"coords="250,50,33" alt=" " title=" ">
</map>
</body>
</html>

"" "" ..

, :

, , ( ).

rect circle :

:

:

<html>
<head>
<title> </title>
</head>
<body>
<center>
<img src="karta1.jpg" usemap="#panel1" width="300" height="100" border="0" alt=" ">
</center>
<map name="panel1">
<area href="primer4.html" shape="circle"coords="206,50,33" title=" ">
<area href="primer4.html" shape="rect" coords="80,17,206,83" title=" ">
</map>
</body>
</html>

, , , .. .

" "

.. :

?

<area> href nohref - , , , "" .

, circle rect :

, , <map>

, :

<html>
<head>
<title> </title>
</head>
<body>
<center>
<img src="karta2.jpg" usemap="#panel2" width="150" height="150" border="0" alt=" ">
</center>
<map name="panel2">
<area nohref shape="circle" coords="76,74,35" title="">
<area href="primer5.html" shape="rect" coords="25,22,126,124" title=" ">
</map>
</body>
</html>

.

: (http://www.webremeslo.ru/spravka/spravka.html) ( <img>):

usemap - .
ismap - .

? ..

usemap .. , () , , " " , .

ismap <img> , , , . , () , , , .

:

<a href="http://www.site.ru/imagemaps/karta"><img srs="knopki.jpg" ismap></a>

<a href="http://www.site.ru/imagemaps/karta"> .. ..

? , .. usemap, .

:

Paint .. , , , . Paint .

<img> <map> :

<map name="panel">
<area href="primer1.html" shape="rect" coords="20,20,80,80">

</map>

<img src="knopki.jpg" usemap="#panel">

.., .. , , ..

..

<img src="knopki.jpg" usemap="#panel">

, , ..

<map name="panel">
<area href="primer1.html" shape="rect" coords="20,20,80,80">

</map>

, , , ..


 

9

, :

()

()

.. , html.

.

<ul>. , "", <li> "". <li> </li> .

:

<ul>
<li> ..
<li> ..
<li> ..

</ul>

:

<html>
<head>
<title> </title>
</head>
<body>
:
<ul>
<li> 2 .
<li> 1
<li> "" ( 200. )
<li> 1 . ( .. ..)
<li> 1 . .
<li> 1 500. ()
</ul>
.. ..
</body>
</html>

<li> <ul> type .

:

disk - , ( )

o circle -

square -

:

<html>
<head>
<title> </title>
</head>
<body>
:
<ul>
<li type="disk"> , ( )
<li type="circle">
<li type="square">
</ul>

<ul type="circle">
<li> 1
<li> 2
<li> 3
</ul>
</body>
</html>

<ol>, , <li>.

, :

<html>
<head>
<title> </title>
</head>
<body>
:
<ol>
<li>
<li>
<li> ()
</ol>
!!!
</body>
</html>

type :

-

-

I -

i -

1 - ( )

:

<html>
<head>
<title> </title>
</head>
<body>

<ol type="1">
<li>-
<li>-
</ol>

<ol type="a">
<li>-
<li>-
</ol>

<ol type="A">
<li>-
<li>-
<li>-
</ol>

<ol type="i">
<li>-
<li>-
<li>-
<li>-
</ol>

<ol type="I">
<li>-
<li>-
<li>-
<li>-
</ol>
</body>
</html>

start .

:

<html>
<head>
<title> </title>
</head>
<body>
<ol type="1" start="24" >
<li> !!
<li>
<li>
</ol>
""
<ol type="I" start="8" >
<li> ..
<li>
<li>
</ol>
</body>
</html>

, . <dl>. <dt>, <dd>.

:

<dl>
<dt>
<dd>

</dl>

:

<html>
<head>
<title> </title>
</head>
<body>
<dl>
<dt> :
<dd>
<dd>
<dd>
<dt> :
<dd>
<dd> ,
</dl>
</body>
</html>

..

:

.

, , , .. - . : , , . .

.. : <ul> , .. . <ol> , , , - .


 

10

Meta

, html , , html :

<html> -
<head> -
</head> -
<body> -
</body> -
</html> -

<body> </body> , <head> </head> . ? , .

<title> , . <meta> ( ) .

<meta> :

http-equiv - , .

name - . ( content)

content - , (name)

.

( ):

<meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">

, html . , - , Windows. , "" . , ->->, , .

"" :
<meta http-equiv="Content-Type" - , Content-Type -
Content="text/html; -
Charset=Windows-1251"> - Windows - , 1251 , Charset=Windows-1252

- UTF 8

:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

:

<meta http-equiv="Content-Language" Content="ru">

, Language Content="ru"

.

:

<meta name="author" Content=" ">
<meta name="copyright" Content="" " ">

html , name="author" , name="copyright" () , , , , .. . . , , , , ...

:

<meta name ="Generator" Content="Microsoft Notepad">

html .





:


: 2016-11-02; !; : 453 |


:

:

, .
==> ...

777 - | 750 -


© 2015-2024 lektsii.org - -

: 0.181 .