. ? - , , .
, , -
. , , . , , .
, , :
65%
20%
. 15%
, , (), ( ). :
<table>
<tr>
<td width="200" valign="top" background="blue.gif" align="center"> . , , . , , .</td>
<td width="10" background="white.gif"> </td>
<td width="200" valign="top" background="blue.gif" align="center"> , , :
<br><br>
<table cellspacing="3">
<tr>
<td width="50" background="white.gif"></td><td background="white.gif">65% </td>
</tr>
<tr>
<td width="50" background="white.gif"></td><td background="white.gif">20% </td>
</tr>
<tr>
<td width="50" background="white.gif">.</td><td background="white.gif">15% </td>
</tr>
</table>
<br><br>
</td>
</tr>
</table>
, , : . .
, , : background=".gif" - bgcolor, (, ), background (, ).
: (bgcolor="#ffffff"), , (background="white.gif"), . , , , IE (Internet Explorer) bgcolor , , , background.
|
|
: , background , . :
<td width="10" background="white.gif"> </td>
, . , ( , , ). . , : <td></td>. - , .. , , 11 .
27-.
, , . border. 3 :
<table border="3">
. :
<table border="3" bordercolor="#000000">
.
( ), cellpadding, , , . , , cellpadding, , (bgcolor="#000000", ) .
:
<table border="0" cellspacing="0" cellpadding="5" bgcolor="#000000">
<tr>
<td>
<table width="100%" border="0" bgcolor=" ">... </table>
</td>
</tr>
</table>
28-.
, , :
<table cellspacing="5">
<tr>
<td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>
, . , , :
|
|
<html>
<head>
<title> </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<table cellspacing="5">
<tr>
<td height="35" bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="50" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td height="35" width="50" bgcolor="#336699"> <center>2x1</center> </td>
<td width="50" bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>
</body>
</html>
()
, , , , , , . , :
<html>
<head>
<title> </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<table cellspacing="5 " width="700 ">
<tr>
<td width="400 " bgcolor="#FFCC33" colspan="2"> <center>1x1</center> </td>
<td width="300" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td bgcolor="#336699"> <center>2x1</center> </td>
<td bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>
</body>
</html>
()
700 . , 700 : 300+400=700. , .. 400 . (height), .. ( ) , , , , - (, ).
<html>
<head>
<title> </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<center>
<table cellspacing="5" width="700">
<tr>
<td width="400" bgcolor="#FFCC33" colspan="2">
<div align="left">
() , , , , . <br><br> , <b> ?:) </b><br><br> () . , , . , . <br><br>. , - , , ? , , .
</div>
|
|
</td>
<td width="300" bgcolor="#336699" rowspan="2"> <center>1x2</center> </td>
</tr>
<tr>
<td bgcolor="#336699"> <center>2x1</center> </td>
<td bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>
</center>
</body>
</html> ()
, . DIV. CENTER.
, , . ? , cellpadding .
<html>
<head>
<title> </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<center>
<table cellspacing="5" width="700" cellpadding="20 ">
<tr>
<td width="400" bgcolor="#FFCC33" colspan="2" valign="top">
<div align="left">
<h3> !</h3>
() , , , , . <br><br> , <b> ?:) </b><br><br> () . , , . , :) <br><br> , - , , ? , , .
</div>
</td>
<td width="300" bgcolor="#336699" rowspan="2" valign="top">
<div align="center"><img src="primtocodephoto.gif" alt=" "><br><br><img src="ptimtocodephoto2.gif" alt=" "></div>
</td>
</tr>
<tr>
<td bgcolor="#336699"> <center>2x1</center> </td>
<td bgcolor="#FFCC33"> <center>2x2</center> </td>
</tr>
</table>
</center>
</body>
</html> ()
cellpadding , , , . , valign, ( , , valign , ).
:
<html>
<head>
<title> </title>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#000000" alink="#000000" vlink="#000000">
<center>
|
|
<table cellspacing="5" width="700" cellpadding="20">
<tr>
<td width="400" bgcolor="#FFCC33" colspan="2" valign="top">
<div align="left">
<h3> !</h3>
() , , , , . <br><br> , <b> ?:) </b><br><br> () . , , . , . <br><br> , - , , ? , , .
</div>
</td>
<td width="300" bgcolor="#336699" rowspan="2" valign="top">
<div align="center"><img src="primtocodephoto.gif" alt=" "><br><br><img src="ptimtocodephoto2.gif" alt=" "></div>
</td>
</tr>
<tr>
<td bgcolor="#336699">
<div align="center"><a href="mailto:[email protected]"> </a></div>
</td>
<td bgcolor="#FFCC33">
<div align="center"><a href="#"> </a></div>
</td>
</tr>
</table>
</center>
</body>
</html> ()
, , , , . , , , .
<a href="#"> </a> - , , . , . , , . , , , . .. . , , *.html .
, : , . , . . . , , , , ,
29-.
, , , , () . , , , , : .
. , , , , , ( ). :
(1) - < - <
(2) - > - >
(3) - " - "
(4) - -
(5) - & - &
.. < > , , > (1 2). (3). , , .
(4). ? , , , <pre> , , ( , ).
|
|
:
1 2 3 = 1 2 3
, , , , , .. - () - .
&, .. , &.
, , , .
, , : .
30-.
<Hr> .
:
(1) <Hr align="right"> (center left)
(2) <Hr width="30%"> ( /)
(3) <Hr size="6"> ( )
(4) <Hr NoShade> ( )
(5) <Hr color="cc0000"> ( , IE)
Color, .. ( , , 1x1 . height width. height=1, width=500 - :).
.
, : 1 ( ), , , , . , .
31-.
, , , . BODY.
, , : , , , . , , :
, : , , , . , :
<Body text="#000000" bgcolor="ffffff" topmargin="0" leftmargin="0">
Topmargin - , leftmargin - . . , .
, . , topmargin leftmargin Internet Explorer.
, (Netscape Navigator) , .. Body - marginheight marginwidth. Marginheight - topmargin, marginwidth - leftmargin.
, NN, IE, BODY:
<Body text="#000000" bgcolor="ffffff" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
, IE , NN , .
Topmargin leftmargin . rightmargin bottommargin Body.
<Body text="#000000" bgcolor="ffffff" rightmargin="0" bottommargin="0" topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
, , IE NN. , ?
<style type="text/css"><!--
body{margin:0px;padding:0px;}
--></style>
<head></head>, .
? CSS , , , CSS, , HTML, html .
32-.
, , , . , , , , . .. , , .
, . :
. :
1. .
2. .
3. .
4. .
. <ul>:
<ul>
...
</ul>
( , ), <li> ( ):
<ul>
<li>
<li>
<li>
<li>
</ul>
()
<li> type, , :
- (1)
o - (2)
¨ - (3)
(1) - <li type="disk">,
(2) - <li type="circle">,
(3) - <li type="square">.
type <li>, :
<ul type="square">
<li>
<li>
<li>
<li>
</ul>
()
<ul></ul>, , , (). ( ), , ( Tab , , ), html:
<ul> </ul>
<li>, . , <ul></ul> , , .. , , , , , , <ul>, , , . () , <ul> :
<ul><ul> </ul></ul>
<ul><ul><ul> </ul></ul></ul>
, , .
33-.
<ol>:
<ol>
...
</ol>
, <li>:
<ol>
<li>
<li>
<li>
<li>
</ol>
:
1.
2.
3.
4.
type. type:
1 2, 3,... | ||
a | a, b, c,... | |
A | A, B, C,... | |
i | i, ii, iii,... | |
I | I, II, III,... |
, type, .
<ol type="I">
<li>
<li>
<li>
<li>
</ol>
:
I.
II.
III.
IV.
34-.
, Marquee - ().
Marquee Internet Explorer, , , , . .. , Marquee (, IE, , ).
<marquee height="10" width="270" bgcolor="#99CCFF">
, - 10, - 270 , - 99CCFF
</marquee>
, . , <marquee></marquee>, .
<marquee></marquee> : bgcolor - , height - , width - .
- hspace, vspace align (, , ). , .
<marquee height="10" width="270" loop="2">
</marquee>
()
loop , loop="2" - 2 , , , , , - .
, , , .
Direction - - direction="left" (right, up, down) - (, , ).
Behavior - - behavior="scroll" (slide, alternate). Scroll - ( , ). Slide - , . behavor="slide" loop, . Alternate - .
Scrollamount - , scrollamount="1". 1 10. 1 - , 10 - .
35-.
(frames). ? - , (, menu.html, , logo.html - , , , content.html - .
, , , -, , , , ( , :).
.. , index.html ( ), , -. index.html:
<html>
<head>
<title> </title>
</head>
</html>
- , ... ! body! , - body, .
, body, :
<html>
<head>
<title> </title>
</head>
<frameset></frameset>
</html>
frameset , .
36-.
, - , , , . - logo.html, menu.html, content.html.
-, :
, , . , (, , , , , ).
.. , , ( , , ). - , . !
, ( *.html , ):
<html>
<head>
<title> </title>
</head>
<frameset rows="100,*,150">
<frame src="logo.html">
<frame src="content.html">
<frame src="menu.html">
</frameset>
</html>
()
, . rows <frameset> , (). rows (rows="100,*,150"). - 100 , - 150, ( *), .
frame . : - logo.html ( ), (content.html), - . , (), content.html
<html>
<head>
<title> </title>
</head>
<frameset rows="100,*,150">
<frame src="logo.html">
< frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
()
, . ... - - , rows, 150 , - :
<html>
<head>
<title> </title>
</head>
<frameset rows="100,150,*">
<frame src="logo.html">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
()
37-.
: rows, cols:
<html>
<head>
<title> </title>
</head>
<frameset cols="100,150,*">
<frame src="logo.html">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</html>
()
, cols , (). .. cols (cols="100,150,*") , . 100 , 150, .
, , :
, . () () , <frameset> Cols Rows. . .
rows () , cols () .
, , () :
<frameset cols="10%,15%,75%">
, 100%. ...
38-.
,
, rows cols <frameset>. , ? , <frameset>, .
:
? - . logo.html, , menu.html content.html.
<html>
<head>
<title> </title>
</head>
<frameset rows="100,*">
<frame src="logo.html">
<???>
</frameset>
</html>
, , ? Frameset.
<html>
<head>
<title> </title>
</head>
<frameset rows="100,*">
<frame src="logo.html">
<frameset cols="150,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
</html>
()
, frame. <frameset></frameset>.
cols <frameset></frameset> ( 150 , ). <frame>, <frameset></frameset>, , (menu.html content.html).
, :
. content.html (), , logo.html menu.html.
<html>
<head>
<title> </title>
</head>
<frameset cols="100,*">
<frameset rows="100,*">
<frame src="logo.html">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</html>
()
. .
39-.
, , - . () , logo.html.
<html>
<head>
<title> </title>
</head>
<frameset cols="100,*">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</html>
()
Scrolling - <frame>. : no - , ; yes - ; auto - , .
, scrolling="auto", , .. scrolling , , , - .
- , , , . ? noresize <frame>:
<html>
<head>
<title> </title>
</head>
<frameset cols="100,*">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no" noresize>
<frame src="menu.html" noresize>
</frameset>
<frame src="content.html" noresize>
</frameset>
</html>
()
. border, . , border="0".
<html>
<head>
<title> </title>
</head>
<frameset cols="100,*" border="0">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</html>
()
. , - ... ! :
<html>
<head>
<title> </title>
</head>
<frameset cols="100,*" border="0">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no" marginwidth="0" marginheight="0">
<frame src="menu.html">
</frameset>
<frame src="content.html">
</frameset>
</html>
()
marginwidth marginheight , . , , (logo.html).
40-.
, , .
, . . , , , . , , . ?
, , <frame> - name (, name, , . name :
<html>
<head>
<title> </title>
</head>
<frameset cols="100,*" border="0">
<frameset rows="100,*">
<frame src="logo.html" scrolling="no" marginwidth="0" marginheight="0">
<frame src="menu.html">
</frameset>
<frame src="content.html" name="window-1">
</frameset>
</html>
name ( , content.html).
(), <a> target (target="_"), , , .
target - menu.html.
<html>
<head>
<title> </title>
</head>
<body background="cherti3.gif" text="#ffffff" link="#ffffff" alink="#ffffff" vlink="#ffffff">
<center>
<a href="content.html"></a>
<a href="tumki.html"></a>
<a href="bumki.html"></a>
<a href="tururumki.html"></a>
<a href="tra-la-la.html"></a>
</center>
</body>
</html>
(menu.html), . target="window-1", window-1 - , (content.html).
<html>
<head>
<title> </title>
</head>
<body background="cherti3.gif" text="#ffffff" link="#ffffff" alink="#ffffff" vlink="#ffffff">
<center>
<a href="content.html" target="window-1"></a>
<a href="tumki.html" target="window-1"></a>
<a href="bumki.html" target="window-1"></a>
<a href="tururumki.html" target="window-1"></a>
<a href="tra-la-la.html" target="window-1"></a>
</center>
</body>
</html> ()
, , , , - (index) , ().
, , , target _top:
<a href="project.html" target="_top"> </a>
, () ().
.
, |
A
href="_.html" -
target=_blank -
name="anchor1" -
title=" " - ()
AREA
shape="rect" (circle, poly) -
coords="x1,y1,..." -
alt="" - ,
href="document.html"
B
BIG ,
BODY ,
text="#cc0000" -
bgcolor="#000000" -
background=".jpg" -
link="#ff9999" -
alink="#ff9999" - ()
vlink="#ff9999" -
topmargin="0" - IE
leftmargin="0" - IE
marginheight="0" - NN marginwidth="0" - NN
BR
clear="all" (left, right) -
CENTER
DIV
align="center" -
align="right" -
align="left" -
align="justify" -
FONT
color="#cc0000 -
size="+0" - ( -2 +4)
face="Arial" -
FRAME
marginheight="0" -
marginwidth="0" -
scrolling="yes" (no, auto) -
name="window-1" -
noresize -
FRAMESET
rows="100,200,*" -
cols="10%,20%,70%" -
border -
Hx (H1, H2, H3, H4, H5, H6)
HEAD ,
HR
align="right" (center left)
width="30%" ( )
size="6" ( )
NoShade ( )
color="cc0000" ( , IE
HTML ,
I
IFRAME ""
src="ancorpri.html" -
width="300" - ""
height="250" - ""
scrolling="auto" (yes, no) -
frameborder="1" (0) -
IMG ()
Border="5" -
width="500" -
height="100" -
align="left" -
vspace="10" -
hspace="30" -
alt="" -
usemap="#karta1" -
LI
MAP
name="karta1" -
MARQUEE ( IE)
bgcolor -
height -
width -
behavior="scroll"
behavior="slide" -
behavior="alternate" -
scrollamount="1" (1-10) -
direction="left" (right, up, down) - (, , ) 34
OL
type="I" (i, 1, a, A) -
P ,
align="center" -
align="right" -
align="left" -
align="justify" -
PRE
S
SMALL ,
STRIKE
SUB
SUP
TABLE
bgcolor="#FFCC33" - (, )
background=".gif" -
width="50" width="50%"-
height="45" height="45%"-
cellspacing="5" -
cellpadding="5" -
border="3" -
bordercolor="#000000" -
TD
bgcolor="#FFCC33" -
background=".gif" -
width="50" width="50%"-
height="45" height="45%"-
align="center" (right, left) -
valign="middle" (top, bottom) -
colspan="2" -
rowspan="2" -
cellspacing="5" -
TITLE
TR
bgcolor="#FFCC33" -
background=".gif" -
width="50" width="50%"-
height="45" height="45%"-
TT ()
U
UL
type="disk" (circle, square) -