, ??
<html>
<head>
<title> </title>
</head>
<body>
<center>
<table border="1" width="640" height="480">
<tr>
<td colspan="5" height="30"><center></center></td>
</tr>
<tr>
<td height="30" width="20%"><center>1</center></td>
<td width="20%"><center>2</center></td>
<td width="20%"><center>3</center></td>
<td width="20%"><center>4</center></td>
<td width="20%"><center>5</center></td>
</tr>
<tr>
<td valign="top">:</td>
<td colspan="4"><center> </center></td>
</tr>
</table>
</center>
</body>
</html>
, ..
, - .
, . , ..
:
<html>
<head>
<title> </title>
</head>
<body>
<center>
<table width="300" height="300">
<tr>
<td bgcolor="#c0e4ff">1</td>
<td bgcolor="#c5ffa0">2</td>
<td bgcolor="#c0e4ff">3</td>
</tr>
<tr>
<td bgcolor="#c5ffa0">4</td>
<td bgcolor="#ffa0c5">5</td>
<td bgcolor="#c5ffa0">6</td>
</tr>
<tr>
<td bgcolor="#c0e4ff">7</td>
<td bgcolor="#c5ffa0">8</td>
<td bgcolor="#c0e4ff">9</td>
</tr>
</table>
</center>
</body>
</html>
:
valign - . align - .
<html>
<head>
<title> </title>
</head>
<body>
<center>
<table width="300" height="300">
<tr>
<td bgcolor="#c0e4ff" valign="top" >1</td>
<td bgcolor="#c5ffa0" valign="top" ><center>2</center></td>
<td bgcolor="#c0e4ff" align="right" valign="top">3</td>
</tr>
<tr>
<td bgcolor="#c5ffa0">4</td>
<td bgcolor="#ffa0c5"> <center> 5 </center> </td>
<td bgcolor="#c5ffa0" align="right" >6</td>
</tr>
<tr>
<td bgcolor="#c0e4ff" valign="bottom" >7</td>
<td bgcolor="#c5ffa0" valign="bottom" ><center>8</center></td>
<td bgcolor="#c0e4ff" align="right" valign="bottom" >9</td>
</tr>
</table>
</center>
</body>
</html>
|
|
.
Cellspacing - . cellspacing="0" "" .
, "":
<html>
<head>
<title> </title>
</head>
<body>
<center>
<table width="300" height="300" cellspacing="15" >
<tr>
<td bgcolor="#c0e4ff" valign="top">1</td>
<td bgcolor="#c5ffa0" valign="top"><center>2</center></td>
<td bgcolor="#c0e4ff" align="right" valign="top">3</td>
</tr>
<tr>
<td bgcolor="#c5ffa0">4</td>
<td bgcolor="#ffa0c5"><center>5</center></td>
<td bgcolor="#c5ffa0" align="right">6</td>
</tr>
<tr>
<td bgcolor="#c0e4ff" valign="bottom">7</td>
<td bgcolor="#c5ffa0" valign="bottom"><center>8</center></td>
<td bgcolor="#c0e4ff" align="right" valign="bottom">9</td>
</tr>
</table>
</center>
</body>
</html>
cellpadding ( cellspacing) - ( )
:
<html>
<head>
<title> </title>
</head>
<body>
<center>
<table width="300" height="300" cellspacing="0" cellpadding="25" >
<tr>
<td bgcolor="#c0e4ff" valign="top">1</td>
<td bgcolor="#c5ffa0" valign="top"><center>2</center></td>
<td bgcolor="#c0e4ff" align="right" valign="top">3</td>
</tr>
<tr>
<td bgcolor="#c5ffa0">4</td>
<td bgcolor="#ffa0c5"><center>5</center></td>
<td bgcolor="#c5ffa0" align="right">6</td>
</tr>
<tr>
<td bgcolor="#c0e4ff" valign="bottom">7</td>
<td bgcolor="#c5ffa0" valign="bottom"><center>8</center></td>
<td bgcolor="#c0e4ff" align="right" valign="bottom">9</td>
</tr>
</table>
</center>
</body>
</html>
, , , , .. <table> . ..
:
<html>
<head>
<title> </title>
</head>
<body>
<center>
<table width="600" height="400" border="1">
<tr>
<td colspan="2"><center></center></td>
</tr>
<tr>
<td valign="top">:</td>
<td valign="top">
<center>
<br><br>
!!
<br><br><br>
<table width="200" height="200" cellspacing="0" cellpadding="15">
<tr>
<td bgcolor="#c0e4ff" valign="top">1</td>
<td bgcolor="#c5ffa0" valign="top"><center>2</center></td>
<td bgcolor="#c0e4ff" align="right" valign="top">3</td>
</tr>
<tr>
<td bgcolor="#c5ffa0">4</td>
<td bgcolor="#ffa0c5"><center>5</center></td>
<td bgcolor="#c5ffa0" align="right">6</td>
</tr>
<tr>
<td bgcolor="#c0e4ff" valign="bottom">7</td>
<td bgcolor="#c5ffa0" valign="bottom"><center>8</center></td>
<td bgcolor="#c0e4ff" align="right" valign="bottom">9</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
|
|
? ? , ! , , ! - . , ..
.. , ..?
:
<html>
<head>
<title> </title>
</head>
<body text="#484800" bgcolor="#ffffff" background="graphics/fon.jpg">
<center>
<table width="640" height="480" cellpadding="5" cellspacing="2" border="1">
<tr>
<td colspan="3" height="30" bgcolor="#b2ff80">
<center><img src="graphics/privet.png" width="200" height="40" alt=" !!!"></center>
</td>
</tr>
<tr>
<td height="30" width="33%" bgcolor="#ffa0cf"> <center><b> !!!</b></center> </td>
<td width="33%" bgcolor="#c0e4ff"> <center><b> !!</b></center> </td>
<td bgcolor="#c0e4ff"> <center><b> ..</b></center> </td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#b2ff80">
<p align="justify">
<img src="graphics/foto.jpg" align="left" hspace="10" width="100" height="90" alt=" !!!" title=" !!">
! .
! ! ..<br> - , , , ! .. .. .. ..
</p>
<p> ... ?! - !</p>
<p> , !</p>
<p> <font size="+1" color="#ff0000"> </font>!!! .. </p>
<center><b>!!</b></center>
<p> ? , </p>
|
|
</td>
</tr>
</table>
</center>
</body>
</html>
: 12 " .. "
:
. , , "" .
, ( width), 640 480, 800 600, 1024 768 , . , , , .. .. . - 1024 .. .
5
, .. , , , .. (http://www.webremeslo.ru/html/primer/primer29.html) , "" . , .
:
- , :
, !! ? !! !!!
, , , , , : , , , .
HTML index.html ( index.html ) , , , , :).. , .. , , .
1. .
2. html . .
3. html , . , primer.html, , , index.html
, html index.html primer.html .
.
, <a> ( anchor- ), , . <a> href .
|
|
:
<a href="primer.html"> !!</a>
primer.html html , " !!" index.html.
<img> :
<a href=" stranica/primer.html"> !!</a> - , , html stranica primer.html
<a href="../primer.html"> !!</a> - , myfoto.html
<a href="http://www.site.ru/primer.html"> !!</a> - www.site.ru..
? .
:
index.html:
<html>
<head>
<title> </title>
</head>
<body>
<div align="center">
<br><br><br><b> , : ?</b>
<br><br><br>
<a href="primer.html"></a> <a href="primer.html"></a>?
</div>
</body>
</html>
primer.html:
<html>
<head>
<title> </title>
</head>
<body>
<br><br><br><br>
<div align="center"><font size="+2"> ! .</font></div>
<br><br><br>
<div align="center"> <a href=" index.html"> ...</a> </div>
</body>
</html>
, , - , - , < body > .
link - .
alink - , .
vlink - .
:
<body link="#008000" alink="# ff0000 " vlink="# ffff00" >
, , ( ) <font> </font> color. , , . , <a> </a> , , <body>
:
index.html:
<html>
<head>
<title></title>
</head>
<body link="#008000" alink="# ff0000 " vlink="# ffff00">
<center>
<h3> </h3>
<br>
<a href="primer2.html">
<font size="+1" color=#ff0000></font>
<font size="+2" color=#ff8c40></font>
<font size="+3" color=#ffff00></font>
<font size="+3" color=#008000></font>
<font size="+2" color=#0000ff></font>
<font size="+1" color=#800080></font>
</a>
</center>
</body>
</html>
primer.html:
<html>
<head>
<title></title>
</head>
<body link="#008000" alink="# ff0000 " vlink="# ffff00">
<center>
<font size="+3">
<font color=#ff0000></font>
<font color=#ff8c40></font>
<font color=#ffff00></font>
<font color=#008000></font>
<font color=#40caff></font>
<font color=#0000ff></font>
<font color=#800080></font>
</font>
<br><br><br>
<a href="index.html"> </a>
</center>
</body>
</html>
.
, .. , .
|
|
:
<a href="primer3.html"><img src="knopa.gif"></a>
, , , . target () _blank.
:
<a href="primer3.html" target="_blank"> </a>
:
index.html:
<html>
<head>
<title></title>
</head>
<body>
<center>
<h1> !!!</h1>
<br>
<a href="primer3.html" title=" !!!" target="_blank"><img src="graphics/knopa.gif" border="0" alt=" !!!" ></a>
</center>
</body>
</html>
primer.html:
<html>
<head>
<title>..</title>
</head>
<body>
<div align="center"><font size="+3"> ... ...</font></div>
</body>
</html>
, ? ..:)
?
-. title=" !!!" <a> alt=" !!!" <img> , . ? , , ?.. , : " HTML, .." - , . ! , , , ?- .
-. <img> border="0" - . 0 - , , . , , : link - , alink - , , vlink - <body>.
- , , .. ! . , ..: .
.. - ..
e-mail - <a>, , mailto
:
<a href="mailto:[email protected]"> .. </a>
, " .." , , : [email protected]
:
<html>
<head>
<title>e-mail</title>
</head>
<body>
<center><h2>
<a href="mailto:[email protected]"> .. </a>
</h2></center>
</body>
</html>
:
?subject= - c
&Body= -
&cc= [email protected],[email protected] -
&bcc= [email protected],[email protected] -
.
:
<html>
<head>
<title>e-mail</title>
</head>
<body>
<center><h2>
<a href="mailto:[email protected]?subject= .. &Body= &[email protected] &[email protected]> .. </a>
</h2></center>
</body>
</html>
.
- . , , , .
.. :
1
2
3
, "" :
. , , - , .
:
< name="glava1">1 </>
< name="glava2">2 </>
< name="glava3">3 </>
glava1
, .
:
<a href="#glava1"> 1</a>
<a href="#glava2"> 3</a>
<a href="#glava3"> 3</a>
#.
, , :
<html>
<head>
<title></title>
</head>
<body>
<h2>. . </h2>
<a href="#skazka1"> </a> <br>
<a href="#skazka2"> </a> <br>
<a href="#skazka3"> C </a>
<h3> <a name="skazka1"> </a> </h3>
<pre>
- ,
.
.........
</pre>
<h3> <a name="skazka2"> </a> </h3>
<pre>
.
.........
</pre>
<h3> <a name="skazka3"> C </a> </h3>
<pre>
.
.........
</pre>
</body>
</html>
, , ,
<a href="primer.html#glava1"> 1 </a>
<a href="http://www.site.ru/ primer.html#glava2"> www.site.ru primer.html 2 </a>
, , "" :
index.html:
<html>
<head>
<title> </title>
</head>
<body text="#484800" bgcolor="#ffffff" background="graphics/fon.jpg">
<center>
<table width="640" height="480" cellpadding="5" cellspacing="2" border="1">
<tr>
<td colspan="3" height="30" bgcolor="#b2ff80">
<center><img src="graphics/privet.png" width="200" height="40" alt=" !!!"></center>
</td>
</tr>
<tr>
<td height="30" width="33%" bgcolor="#ffa0cf">
<center><b>< a href=" index.html"> !!! </a> </b></center>
</td>
<td width="33%" bgcolor="#c0e4ff">
<center><b> <a href=" myfoto.html"> !! </a> </b></center>
</td>
<td bgcolor="#c0e4ff">
<center><b> <a href="mailto:[email protected]"> .. </a> </b></center>
</td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#b2ff80">
<img src="graphics/foto.jpg" align="left" hspace="10" width="100" height="90" alt=" !!!">
<p align="justify"> ! </p>
</td>
</tr>
</table>
</center>
</body>
</html>
myfoto.html:
<html>
<head>
<title> </title>
</head>
<body text="#484800" bgcolor="#ffffff" background="graphics/fon.jpg">
<center>
<table width="640" height="480" cellpadding="5" cellspacing="2" border="1">
<tr>
<td colspan="3" height="30" bgcolor="#b2ff80">
<center><img src="graphics/privet.png" width="200" height="40" alt=" !!!"></center>
</td>
</tr>
<tr>
<td height="30" width="33%" bgcolor="#c0e4ff">
<center><b> <a href=" index.html"> !!! </a> </b></center>
</td>
<td width="33%" bgcolor="#ffa0cf">
<center><b> <a href=" myfoto.html"> !! </a> </b></center>
</td>
<td bgcolor="#c0e4ff">
<center><b> <a href="mailto:[email protected]"> .. </a> </b></center>
</td>
</tr>
<tr>
<td colspan="3" valign="top" bgcolor="#b2ff80">
<img src="graphics/foto1.jpg" align="middle" vspace="10" hspace="10" width="140" height="120" alt=" !!!">
<br>
<img src="graphics/foto2.jpg" align="middle" vspace="10" hspace="10" width="140" height="120" alt=" !!!">
<br>
<img src="graphics/foto3.jpg" align="middle" vspace="10" hspace="10" width="140" height="120" alt=" !!!">
</td>
</tr>
</table>
</center>
</body>
</html>
.. .. , , .. ...
- !..:)
- .. , , !! , : (http://www.webremeslo.ru/publication/publication2.html)
, .
:
index.html. , . index.html , . , .
.. , , : Page.html, page.html PAGE.html ! . , , . , .
..
" " , . .. . .
6
, , - , . , , html , .
, , , " "- < " "- >, <> ? <>, , ?
.
< - < > >.
&- , , . , &- ?
& - &
..
, , - . , html "" , "" . , , , ... , , .
, , , , . , ,
:
<html>
<head>
<title> </title>
</head>
<body bgcolor="#dddddd" text="#222222">
<table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="5" border="0">
<tr>
<td width="10" bgcolor="#808080"> < /td>
<td>
< html > <br>
< head > <br>
< title > < /title > <br>
< /head > <br>
< body > <br>
< center >< h2 > !!! < /h2 >< /center > <br>
< br > <br>
!<br>
< /body > <br>
< /html > <br>
</td>
</tr>
</table>
</body>
</html>
, " ". , , , .. . <> </>? .
, : , , , , , , .. - "" , . "" : (http://www.webremeslo.ru/spravka/spravka2.html)
<hr> , . .
, align - (center, left, right) , width . - size, - color, noshade.
:
<html>
<head>
<title> </title>
</head>
<body>
: <hr>
<hr>
: <hr noshade >
<hr noshade>
: <hr color="#ff0000">
<hr color="#ff0000">
250 : <hr width="250">
<hr width="250">
250 5 : <hr width="250" size="5">
<hr width="250" size="5">
500, 50, : <hr width="500" size="50" color="#0000ff">
<hr width="500" size="50" color="#0000ff">
:
<hr align="left" width="250" size="5">
<hr align="center" width="250" size="5">
<hr align="right" width="250" size="5">
<hr>
</body>
</html>
.
<marquee> , . , :
behavior - , :
alternate -
scroll - .
slide - c .
scrollamount - 1 10.
loop .
direction - . :
up - ,
down - ,
left - ,
right - .
bgcolor - ,
height - ,
width - .
:
<html>
<head>
<title> </title>
</head>
<body>
<div align="center"><h2> </h2></div>
<marquee> </marquee>
<marquee direction="right"> </marquee>
<marquee behavior="alternate"> </marquee>
<marquee scrollamount="10"> 10 </marquee>
<marquee scrollamount="1"> 1 </marquee>
<marquee direction="right" loop="2"> </marquee>
<marquee behavior="slide"> </marquee>
<marquee bgcolor="#b40000"> </marquee>
<marquee width=400> </marquee>
<marquee direction="up"> </marquee>
<marquee hspace="300"> </marquee>
</body>
</html>
, , . . , , : , , , , .. <marquee>
, , . html , "" . :
<!-- -->
:
<!-- -->
, , , ..
:
<html>
<head>
<title> </title>
</head>
<body text="#484800" bgcolor="#ffffff" background="graphics/fon.jpg">
<center>
<!-- -->
<table width="640" height="480" cellpadding="5" cellspacing="2" border="1">
<tr>
<td colspan="3" height="30" bgcolor="#b2ff80">
<center><img src="graphics/privet.jpg" width="200" height="40" alt=" !!!"></center>
</td>
</tr>
<!-- -->
<tr>
<td height="30" width="33%" bgcolor="#ffa0cf">
<center><b><a href=" index.html"> !!!</a></b></center>
</td>
<td width="33%" bgcolor="#c0e4ff">
<center><b><a href=" myfoto.html"> !!</a></b></center>
</td>
<td bgcolor="#c0e4ff">
<center><b><a href="mailto:[email protected]"> ..</a></b></center>
</td>
</tr>
<!-- -->
<!-- -->
<tr>
<td colspan="3" valign="top" bgcolor="#b2ff80">
<img src="graphics/foto.jpg" align="left" hspace="10" width="100" height="90" alt=" !!!">
<p align="justify"> ! </p>
</td>
</tr>
<!-- -->
</table>
<!-- -->
</center>
</body>
</html>
.
:
, , . : (http://www.webremeslo.ru/publication/publication2.html). , () " " .. ()... , , .. , , ., , ( ) . ? , , !! , .., !!)) , !? , , " ".
7
.
, .. ? , , ..
HTML .. . , - , , "" .. "" , .. ..
, ? HTML :
? html .. logotype.html, .. menu.html, . text.html. , , .. .
, logotype.html, menu.html text.html.. , ..
"", , . , index.html.
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
.. ! :
<html>
<head>
<title> </title>
</head>
<frameset>
</frameset>
</html>
<body> <frameset> - .. .
<frameset> rows cols - ,
rows - cols -
.. :
<html>
<head>
<title> </title>
</head>
<frameset rows="15%,15%,70%" >
</frameset>
</html>
- , - , - . , .. , .
:
<frameset rows="15%,15%,70%"> - , 70% , 15%.
<frameset cols ="200,240,200"> - .
<frameset rows="100,*,180"> - , 100 180 , .
, ..
<frame> src html . logotype.html, menu.html text.html , . (, : <frame src="logotype.html">)
:
index.html
<html>
<head>
<title></title>
</head>
<frameset rows="15%,15%,70%">
<frame src="logotype.html">
<frame src="menu.html">
<frame src="text.html">
</frameset>
</html>
logotype.html
<html>
<head>
<title></title>
</head>
<body>
<img src="logotype.jpg" width="800" height="120" alt="">
</body>
</html>
menu.html
<html>
<head>
<title></title>
</head>
<body bgcolor="#e8e8e8" background="fon1.jpg">
<font face="Monotype Corsiva" size="6"color="#ff0000">:</font><br>
<font face="Comic Sans MS" size="3">
<a href="text.html"> </a><br>
<a href="text1.html"> -</a><br>
<a href="text2.html"> </a><br>
.........
</font>
</body>
</html>
text.html
<html>
<head>
<title></title>
</head>
<body bgcolor="#f5f5f5">
<center><font face="Comic Sans MS" size="3"> </font></center>
<br>
..
</body>
</html>
HTML index.html , , , , , , .. . , ( ), " " , , .. .. , ..)) .. ..)) - ..))
, rows cols . ,
?: ?: ?:
. .
.. ? , .
A :
<frameset rows="20%,80%"> -
<frame src="logotype.html"> -
<frameset cols="30%,70%"> -
<frame src="menu.html"> -
<frame src="text.html"> -
</frameset> -
</frameset> -
, , .. ..
, :
<html>
<head>
<title></title>
</head>
<frameset rows="15%,85%">
<frame src="logotype.html">
<frameset cols="20%,80%">
<frame src="menu.html">
<frame src="text.html">
</frameset>
</frameset>
</html>
, :
<frameset cols="30%,70%"> -
<frame src="menu.html"> -
<frameset rows="20%,80%"> -
<frame src="logotype.html"> -
<frame src="text.html"> -
</frameset> -
</frameset> -
:
<html>
<head>
<title></title>
</head>
<frameset cols="20%,80%">
<frame src="menu.html">
<frameset rows="15%,85%">
<frame src="logotype.html">
<frame src="text.html">
</frameset>
</frameset>
</html>
, .. , . ? ..
<frameset cols="*,800,*"> - ( 800 )
<frame src="dekor.html"> - html
<frameset rows="15%,85%"> -
<frame src="logotype.html"> -
<frameset cols="20%,80%"> - " "
<frame src="menu.html"> -
<frame src="text.html"> -
</frameset> -
</frameset> -
<frame src="dekor.html"> -
</frameset> -
,
:
<html>
<head>
<title></title>
</head>
<frameset cols="*,800,*">
<frame src="dekor.html">
<frameset rows="120,*">
<frame src="logotype.html">
<frameset cols="200,600">
<frame src="menu.html">
<frame src="text.html">
</frameset>
</frameset>
<frame src="dekor.html">
</frameset>
</html>
? , , .. , , "" , . , , , .. , , , , " ". ? .. ( ) 800 ,