, , , .. , .. 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 .