Академический Документы
Профессиональный Документы
Культура Документы
Самоучитель HTML4
Самоучитель HTML4
, -.
,
, .
,
. , ,
HTML.
HTML
,
- HTML. ,
, - .
1.1 .
1.1. -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> -</title>
</head>
<body>
<h1> </h1>
<p> .</p>
</body>
</html>
, .
1. Windows ( > > notepad >
> > ).
2. (. 1.1).
. 1.1. HTML-
3. ( > ...) c:\www\example11.html,
:
UTF-8 (. 1.2). ,
html.
. 1.2.
4. Internet Explorer ( > > iexplore >
> Internet Explorer).
5. > .
6. , , . 1.3.
. 1.3. -
-
1.1, ( html) .
,
HTML. -
,
, .
.
.
HTML .
.
HTML.
HTML- , , ,
. ,
:
, ,
. ,
;
. ,
, ,
.
, ;
.
PSPad
http://www.pspad.com/ru/download.php
HtmlReader
http://manticora.ru/download.htm
Notepad++
http://notepad-plus.sourceforge.net/ru/site.htm
EditPlus
http://www.editplus.com
, -.
,
, . ,
,
.
: Firefox, Internet
Explorer Opera.
Mozilla Firefox
, .
,
, . Firefox
, , ,
, . Firefox
, Mozilla.
http://www.mozilla.ru/products/firefox/
Opera
, ,
.
http://ru.opera.com/download/
Safari
Apple iPhone MacOS
Apple. Windows.
http://www.apple.com/ru/safari/
Google Chrome
, 2008 . Google.
http://www.google.com/chrome?hl=ru
HTML- -
HTML. ,
.
HTML-
, http://validator.w3.org
.
, .
Tidy
HTML- ,
Tidy. , , PSPad,
Tidy .
http://tidy.sourceforge.net
-. Photoshop,
.
Photoshop- , -
. , Paint.Net
, .
Paint.Net
http://www.getpaint.net/download.html
HTML
,
, . ,
, .
HTML ( )
http://www.w3.org/TR/html4/index/elements.html
.
, ,
.
.
< 1="" 2="">
< 1="" 2="">...</>
, ().
,
. ,
. , .
, , ,
.
3.1 HTML- .
3.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Lorem ipsum</title>
</head>
<body>
<p>Lorem ipsum dolor sit amet consectetuer cursus pede pellentesque
vitae pretium. Tristique mus at elit lobortis libero Sed vestibulum ut
eleifend habitasse. Quis Nam Mauris adipiscing Integer ligula dictum
sed at enim urna. Et scelerisque id et nibh dui tincidunt Curabitur
faucibus
elit massa. Tincidunt et gravida Phasellus eget parturient faucibus
tellus
at justo sollicitudin. Mi nulla ut adipiscing.</p>
</body>
</html>
<meta>,
: <html>,<head>, <title>, <body> <p>.
, - ,
. <>,
</>. ,
. , . 3.1 ,
.
. 3.1. , ,
, . 3.1,
,
(. 3.1). (. 3.1) ,
.
, .
, ,
.
. ,
, , ..
, .
HTML
("") (''). ,
,
, ( 3.2).
3.2.
</head>
<body>
<p><img src="images/arena.png" alt=" " width="400" height="101"></p>
<p><img src="images/arena.png" alt= width="400" height="101"></p>
</body>
</html>
8 , , 9
alt . - alt
(), .
.
,
, ,
, <BR>, <Br> <br>.
. , ,
, ,
.
. 3.3
, .
3.3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> alt</title>
</head>
<body>
<p><img src="images/arena.png" alt="
IE" width="400" height="101"></p>
<p><img src="images/arena.png"
alt=" IE"
width="400"
height="101"></p>
</body>
</html>
<img> , ,
<img> .
,
, .
- ,
, . ,
, HTML .
. , <title>
<head> . ,
, .
,
. , <title> <meta>,
.
: , .
,
. <br>
. ,
, , .
, , ,
, .
- , ,
, .
-, , ,
.
, ,
3.4.
3.4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<form action="self.php">
<p><input type="text"></p>
<p><input type="submit" disabled></p>
</form>
</body>
</html>
disabled, .
.
. <img src="/images/title.gif" width="438"
height="118"> <img height="118" width="438" src="/images/title.gif">
.
(: , ,
.), . , 3.3
<img>, - , width
. , ,
.
HTML-
-, ,
. 4.1 ,
.
4.1. -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> -</title>
</head>
<body>
<h1></h1>
<!-- -->
<p> .</p>
<p> .</p>
</body>
</html>
c:\www\
example41.html. >
(Ctrl+O). example41.html.
-, . 4.1.
. 4.1.
.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML.
HTML.
HTML
.
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
XHTML.
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd">
XHTML.
XHTML 1.1
,
HTML. ,
,
.
. HTML HTML
. HTML ,
.
, HTML XHTML <title>,
HTML . ,
, , .
, .
<!DOCTYPE>, ,
.
.
HTML <!DOCTYPE>, -
. , ,
- <!DOCTYPE> .
, - ,
, .. , .
, <!DOCTYPE> .
<html>
, <head>, ,
,
<title>.
<meta> , ,
, , ,
, . ,
UTF-8 (Unicode transformation format, )
.
<title> -</title>
<title> -,
. Windows
(. 4.2).
. 4.2.
<title> .
</head>
</head>, ,
.
<body>
<body> .
<h1></h1>
HTML ,
, . , <h1>
, <h6>
. ,
,
. <h1>...<h6> ,
,
. ,
.
<!-- -->
, .
, , ,
, .
, .
<!-- -->. ,
, - .
<p> .</p>
<p> () . , ,
.
<p> .</p>
<p> , ,
(
). . 4.1.
</body>
</body>, , .
</html>
</html>.
HTML , ,
.
:
;
;
;
;
;
;
;
.
, ,
, <ol> <ul> ,
.
, .
-
.
<html>
<html> , -,
<head> <body>. <html>
, .
<head>
<head> ,
. <head> ,
, .
,
, .
<body>
<body> -,
. , ,
<body>. , , ,
.
5.1.
5.1.
<html>
<head>
...
</head>
<body>
...
</body>
</html>
, <html> -,
<head>, <body>,
, .
<html> <body> (. .
), .
.
, <!DOCTYPE>,
- , , ,
.
, <head>.
, <title>,
-.
<title>
,
. ,
.
<meta>
,
. ,
, . <meta> ,
, .
, -
description name, 5.2.
5.2. description
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HTML</title>
<meta name="description" content=" HTML ">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<p>...</p>
</body>
</html>
, <meta> description,
. keywords
,
, - ( 5.3).
5.3. keywords
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>HTML</title>
<meta name="keywords" content="HTML, META, , , ">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<p>...</p>
</body>
</html>
.
, .
, ,
, .
<blockquote>
. ,
, (
40 ), .
<div>
<div> ,
. <div>
align.
<h1>,...,<h6>
,
, .
<hr>
, .
,
.
<p>
() .
<pre>
.
. HTML
- . <pre>
.
<pre>: <big>, <img>, <small>, <sub> <sup>.
-,
, , .
.
<a>
<a> HTML .
name href <a> .
<b>
.
<big>
<big> . HTML
1 7, ,
, 3. , <big>
.
<br>
<br> , .
<p>, <br> .
<em>
<em> .
.
<i>
.
<img>
<img> -
GIF, JPEG PNG. ,
, <img> <a>. ,
, border="0" <img>.
<small>
<small> .
<big>, .
<span>
, .
<strong>
<strong> .
.
<sub>
.
H2O.
<sup>
. <sub>,
2.
.
,
, ,
. , .
,
.
, , ,
, .
,
.
<del>
<del> , .
,
. <del> .
<ins>
<ins>
<del>. <ins>
.
,
.
.
<ol>
<ol> , ..
.
<ul>
,
.
<li>
<li> . <ul> <ol>
.
, .
.
<table>
, .
, <tr> <td>.
<td>
. <td>
<tr>, <table>.
<th>
<th> ,
.
.
<tr>
<tr> .
,
. -
<frame>. -
, .
, ,
. ,
.
<frame>
<frame> , .
<frameset>
<frameset> <body> -
.
<iframe>
<iframe> , ,
.
-.
, , , , ,
, , . .
HTML :
. ,
, .
HTML .
, , ,
, 16. : 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F.
10 15 . . 6.1
.
. 6.1. 16
0 1 2 3 4 5 6 7 8 9 10
11
12
13
14
15
0 1 2 3 4 5 6 7 8 9 A
15
(. 6.2). , 255 FF
.
. 6.2. 16
16
17
18
19
20
21
22
23
24
25
26
27
28
10
11
12
13
14
15
16
17
18
19
1A
1B
1C
,
#, #aa69cc. ,
#F0F0F0 #f0f0f0.
, HTML, .
<body bgcolor="#fa8e47">
- #FA8E47. # ,
. (FA)
, (8E) , (47) .
.
FA
+ 8E
+ 47
= FA8E47
, 00 FF,
256 . ,
256256256 = 16.777.216 . , ,
RGB (red, green, blue; , , ).
( add ),
.
,
.
(: #D6D6D6),
. , , #000000
() #FFFFFF ().
- , (FF),
. #FF0000
. (#00FF00)
(#0000FF).
(#FFFF00) .
(. 6.1), (, ,
) . ,
( ). ,
. , (#00FFFF)
.
. 6.1.
.
,
, , Adobe Photoshop. . 6.2
, .
.
. 6.2. Photoshop
-
8 (256 ),
-.
, ,
.
, , , .
, -. -
, ,
0 (00), 51 (33), 102 (66), 153 (99), 204 (CC), 255 (FF).
.
666 216 . - #33FF66.
- ,
. - -
.
,
. . 6.3 .
. 6.3.
black
#000000
blue
#0000FF
fuchsia
#FF00FF
gray
#808080
green
#008000
lime
#00FF00
maroon
#800000
navy
#000080
olive
#808000
purple
#800080
red
#FF0000
silver
#C0C0C0
teal
#008080
white
#FFFFFF
yellow
#FFFF00
,
. . 6.1 ,
-.
6.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="teal" text="#ffffff">
<p> </p>
</body>
</html>
bgcolor <body>,
text. text
, bgcolor teal.
HTML
. ,
,
. , , 1024768 .
.
12801024, , , .
,
:width="380". 6.2
.
6.2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<p><img src="images/figure.jpg" alt="- "
width="100" height="111" hspace="4" vspace="4" border="2"></p>
</body>
</html>
,
, , . , 100%,
. ,
, %, : width="40%".
. ,
.
, ,
, , . ,
. 6.3 -,
.
6.3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<p><img src="images/figure.jpg" alt="-
" width="100%"></p>
</body>
</html>
100%,
, .
. 6.3.
. 6.3. 100%
, ,
.
, 100%, ,
. , 6.3 <img>
(hspace="10") 100%+20.
.
.
, , .
, - .
, <img> src,
.
URL (Universal Resource Locator,
), .
-,
URL, . -
HTTP (HyperText Transfer Protocol, ), ,
http://. 6.4 ,
.
6.4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<p><a href="http://htmlbook.ru/html/body"> BODY</a></p>
</body>
</html>
htmlbook.ru -
body.html, html.
.
. ,
<img src="pic.gif"> pic.gif,
, -.
.
/
index.html, .
index.html , , , ,
. index.html,
- ,
, .
/images/pic.gif
( /) , .
pic.gif, images.
.
../help/me.html
help me.html.
manual/info.html
, ,
, info.html.
/demo/ -
.
6.5 , .
6.5.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<p><a href="images/xxx.jpg"> !</a></p>
<p><a href="tip.html"> ?</a></p>
</body>
</html>
./file/doc.html. ,
.
file/doc.html.
.
, .
HTML
-,
, HTML .
,
. .
, ,
. -
, .
<p> . . .</p>
<p> .
.</p>
<p> .
.
.</p>
<pre>,
, .
HTML , ,
, . ,
.
.
. ,
.
, - ,
.
, , -
, .
HTML,
, .
. ,
, ?
. ,
.
, ().
, .
.
<p> 1</p>
<p> 2</p>
<p>
</p>.
,
.
, , . -
, .
7.1 .
7.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p> , .</p>
<p> , - .</p>
<p> , : , ...</p>
<p> - , .</p>
<p> .</p>
<p> , - .</p>
<p> .</p>
<p> - .</p>
<p><i>. </i></p>
</body>
</html>
. 7.1.
. 7.1. -
, <p>
. , <br>.
, <br>
.
, 7.1
( 7.2).
7.2. <br>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p> , .<br>
, - .<br>
, : , ...<br>
- , .<br>
.<br>
, - .<br>
.<br>
- .</p>
<p><i>. </i></p>
</body>
</html>
. 7.2. ,
.
. 7.2.
-. -,
, . , .
, , ,
: . -,
. ,
. 1 (<h1>),
6 (<h6>). , -, ,
.
.
7.3.
7.3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
. 7.3. <h1>
, <h6> .
. 7.3. -
, - ,
. .
, , .
,
, .
. ,
, ,
.
<p> align,
.
<div> align.
:
left , ;
right ;
center ;
justify ( ).
, , .
align , ( 7.4).
7.4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<h1 align="center"> ?</h1>
<h2 align="right"> </h2>
<p align="justify"> ,
,
. , ,
.</p>
<h2 align="right"> </h2>
<p align="justify"> . - ,
. , ,
. , .</p>
</body>
</html>
. 7.4.
. 7.4.
.
: , ,
. HTML .
: <b> <strong>.
<b> </b>
<strong> </strong>
,
, .
: <i> <em>.
<i> </i>
<em> </em>
, . ,
, , , ,
<b> <strong>, -. ,
.
7.5 <em> <strong> .
7.5. <em> <strong>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><strong> ?!</strong>
<em> -</em>.</p>
</body>
</html>
. 7.5.
. 7.5.
. ,
, , . ,
, . HTML
: <sup> <sub> . ,
, ,
.
7.6 ,
7.6.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><b> :</b> <i>H<sub>2</sub>SO<sub>4</sub></i></p>
</body>
</html>
. 7.6.
. 7.6.
, , ,
(&) (;). . 7.1
.
. 7.1.
 
£
£
€
€
¶
¶
§
§
©
©
copyright
®
®
™
™
°
°
±
±
¼
¼
½
½
¾
¾
×
×
÷
÷
ƒ
ƒ
Α
Α
Β
Β
Γ
Γ
Δ
Δ
Ε
Ε
Ζ
Ζ
Η
Η
Θ
Θ
Ι
Ι
Κ
Κ
Λ
Λ
Μ
Μ
Ν
Ν
Ξ
Ξ
Ο
Ο
Π
Π
Ρ
Ρ
Σ
Σ
Τ
Τ
Υ
Υ
Φ
Φ
Χ
Χ
Ψ
Ψ
Ω
Ω
α
α
β
β
γ
γ
δ
δ
ε
ε
ζ
ζ
η
η
θ
θ
ι
ι
κ
κ
λ
λ
μ
μ
ν
ν
ξ
ξ
ο
ο
π
π
ρ
ρ
ς
ς
σ
σ
τ
τ
υ
υ
φ
φ
χ
χ
ψ
ψ
ω
ω
←
←
↑
↑
→
→
↓
↓
↔
↔
♠
♠
""
♣
♣
""
♥
♥
""
♦
♦
""
"
"
"
&
&
&
<
<
<
""
>
>
>
""
…
…
...
′
′
″
″
–
–
—
—
‘
‘
’
’
‚
‚
“
“
”
”
„
„
«
«
»
»
. ,
HTML-, ,
. , , , .
, ,
, .
, ,
, .
<a>. .
<a href="URL"> </a>
.
dog.html, cat.html.
. 8.1. ,
, .
. 8.1.
, , ,
href , .
, . ,
8.1 Safari ,
(. 8.2).
. 8.2.
, ,
, , .
,
.
,
. ,
. ,
. , Firefox
(. 8.3).
. 8.3. Firefox
, .
( http://) .
.
8.2 .
8.2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><a href="http://htmlbook.ru"> HTML</a></p>
</body>
</html>
<a href="http://htmlbook.ru">
HTML</a> htmlbook.ru.
(, http://htmlbook.ru/css/),
. ,
.
index.html.
,
, .
, .
.
, href
, .
.
1. (. 8.4).
. 8.4
.
.
<a href=" .html"></a>
,
, .
2. (. 8.5).
. 8.5
, ,
(/), .
<a href="../ .html"></a>
.
3. (. 8.6).
. 8.6
,
, .
<a href="../../ .html"></a>
.
4. (. 8.7).
. 8.7
, , ,
- . .
<a href="/ .html"></a>
, .
, , .
<a href=" 1/ 2/ .html"></a>
, "//
" . , <a href="/course/"></a> ,
course, ,
.
, ,
-.
- .
. ,
.
.
. .
,
. ,
. .
. ,
, ,
.
<a>
, ,
. , <a> ,
, . 8.3
.
8.3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<a href="lion.html"><h1> </h1></a>
<h1><a href="lion.html"> </a></h1>
</body>
</html>
8 <h1>
<a>. <h1> ,
. 9 .
href <a> , ,
.
target
, .
, target <a>.
.
<a target=" ">...</a>
, name.
, .
.
_blank .
_self ( ).
_parent -, ,
_self.
_top ,
, _self.
8.4 , , .
8.4.
target <!DOCTYPE>,
<!DOCTYPE> , HTML target
.
, , ,
.
title
.
, ,
. .
<a title="">...</a>
.
. 8.5 , title
.
8.5.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><a href="zoo.html" title="
..."></a></p>
</body>
</html>
. 8.8.
. 8.8.
, .
. URL mailto: ( 8.6).
8.6.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><a href="mailto:vlad@htmlbook.ru">
</a></p>
</body>
</html>
</a></p>
</body>
</html>
(Subject) .
-,
.
, .
name <a> ( 9.1). href
(#) .
9.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><a name="top"></a></p>
<p>...</p>
<p><a href="#top"></a></p>
</body>
</html>
<body>
<p><a href="text.html#bottom"> </a></p>
</body>
</html>
text.html,
bottom.
- , ,
.
:
, <img>. HTML
, ,
.
.
1. - ,
, . ,
.
2. , , 800
. ,
.
- GIF JPEG.
, ,
, ,
-. PNG,
PNG-8 PNG-24.
PNG GIF JPEG.
GIF
GIF (Graphics Interchange Format) ,
. GIF 8-
, .
2 256,
24- .
GIF .
, .
,
.
, , , ,
, .
JPEG
JPEG (Joint Photographic Experts Group) ,
. JPEG 24 .
, JPEG .
, ,
. JPEG .
, .
16 ,
.
,
.
, JPEG,
.
.
, .
PNG-8
PNG-8 (Portable Network Graphics) GIF.
,
, .
8- (256 ) ,
. ,
2 256.
GIF, .
, , .
PNG-24
PNG-24 , PNG-8, 24-
JPEG, . GIF
PNG-8, , , , , ,
16,7 . , -
.
,
, .
- ,
, , PNG-24
.
, , ,
.
- <img>, src
.
.
<img src="URL" alt=" ">
( /), , .
, http://baklan.narod.ru, ,
/images/bird.jpg, , ,
http://baklan.narod.ru/images/bird.jpg. ,
-, .
http (http://),
.
, - .
(../) , -
, . . 10.1
index.html, pic.gif.
index.html ../images/pic.gif.
, ,
: ../../../images/pic.gif.
. 10.1.
, , ,
. . 10.2,
pic.gif index.html images/pic.gif.
. 10.2.
10.1 -.
10.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><img src="http://webimg.ru/themes/cloverfield/images/ref_collage.gif"
alt=" "></p>
<p><img src="/example/images/home.png"
alt=" "></p>
<p><img src="images/home.png"
alt=" HTML"></p>
</body>
</html>
, GIF JPEG.
.
(. 10.3).
(. 10.4).
. 10.3.
. 10.4. -
, , , , .
HTML-.
alt <img>,
10.2.
10.2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><img src="images/robot.jpg" alt="
" width="300" height="388"></p>
</body>
</html>
, alt , .
.
title ( 10.3).
10.3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> title </title>
</head>
<body>
<p><a href="index.html"><img src="images/home.png"
alt=" " title=" "></a></p>
</body>
</html>
, alt title ,
. ,
. ,
title alt, .
HTML <img>
width () height (). ,
. , . 10.6
, 100111 .
. 10.6.
, HTML- , 10.4.
10.4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><img src="images/figure.jpg" width="100" height="111" alt="-"></p>
</body>
</html>
, ,
(. 10.7).
, ,
(. 10.8). ,
. 10.7.
. 10.8. ,
, .
, .
, ..
, .
,
.
. 10.9 , . 10.6,
.
. 10.9. ,
10.5.
10.5.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><img src="images/figure.jpg" width="200" height="222" alt="-"></p>
</body>
</html>
,
.
, .
- .
, . . 10.10 ,
54 8 8 , 150 .
. 10.10.
(
) (
).
, , , .
,
.
.
<ul>,
, <ol>, .
<li>.
,
, .
<ul>, <li>, .
<ul>
<li> </li>
<li> </li>
<li> </li>
</ul>
</ul>, .
</li> , ,
.
11.1 HTML -.
11.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<hr>
<ul>
<li></li>
<li> </li>
<li></li>
<li> </li>
</ul>
<hr>
</body>
</html>
. 11.1.
. 11.1.
, .
.
: ( ), .
type <ul>.
. 11.1
. 11.1.
HTML
<ul type="disc">
<li>...</li>
</ul>
<ul type="circle">
<li>...</li>
</ul>
<ul type="square">
<li>...</li>
</ul>
o
o
o
,
.
11.2.
11.2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><strong> </strong></p>
<ul type="square">
<li> ( : , , ).
- ;</li>
<li> ;</li>
<li> , ;</li>
<li> ,
( : , , , ).</li>
</ul>
</body>
</html>
. 11.2.
. 11.2.
.
<ol>, .
<li>, .
<ol>
<li> </li>
<li> </li>
<li> </li>
</ol>
<ol>,
(1, 2, 3,...), 11.3.
11.3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><strong> </strong></p>
<ol>
<li> ( );</li>
<li> ( );</li>
<li> .</li>
</ol>
</body>
</html>
. 11.3.
. 11.3.
, ,
.
:
(1, 2, 3, ...);
(A, B, C, ...);
(a, b, c, ...);
(I, II, III, ...);
(i, ii, iii, ...).
type <ol>.
. 11.2.
. 11.2.
HTML
<ol type="1">
<li>...</li>
</ol>
1.
2.
3.
<ol type="A">
<li>...</li>
</ol>
A.
B.
C.
<ol type="a">
<li>...</li>
</ol>
a.
b.
c.
<ol type="I">
<li>...</li>
</ol>
I.
II.
III.
<ol type="i">
<li>...</li>
</ol>
i.
ii.
iii.
, start <ol>.
, type, start
. 11.4
, .
11.4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<ol type="I" start="8">
<li> XLIV</li>
<li> XVI</li>
<li> XXI</li>
<li> I</li>
</ol>
</body>
</html>
. 11.4.
. 11.4.
.
<dl>, <dt>,
<dd>.
11.5.
11.5.
<dl>
<dt> 1</dt>
<dd> 1</dd>
<dt> 2</dt>
<dd> 2</dd>
</dl>
, ,
, .. 11.6
.
11.6.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<dl>
<dt></dt>
<dd> ,
- : ,
, ., .</dd>
<dt>HTML-</dt>
<dd> , ,
. .
HTML-.</dd>
<dt></dt>
<dd>C -,
.</dd>
</dl>
</body>
</html>
. 11.5.
. 11.5.
, ,
.
, , ,
-.
,
-. , ,
HTML
, , , .
, . ,
,
, .
, .
,
. C ,
.
- <table>.
, .
, <tr> <td>.
( 12.1).
<td> <th>. , <th>,
.
, , <td> <th> .
12.1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> TABLE</title>
</head>
<body>
<table border="1" width="100%" cellpadding="5">
<tr>
<th> 1</th>
<th> 2</th>
</tr>
<tr>
<td> 3</td>
<td> 4</td>
</tr>
</table>
</body>
</html>
. 12.1.
. 12.1.
<table>
,
,
align
. : left
, center right .
left right, .
bgcolor
.
border
.
.
cellpadding
.
, . cellpadding
, .
cellpadding .
, ,
.
cellspacing
. border,
.
cols
cols ,
. ,
.
cols .
rules
, .
, .
( cols), (rows) (groups),
<thead>,<tfoot>, <tbody>, <colgroup> <col>.
border.
width
.
,
. , , ,
, width ,
.
<td>
, <td>, ,
<table>.
align
. : left , center right .
bgcolor
.
bgcolor <table> .
colspan
, .
, . , ,
. 12.2.
. 12.2. ,
. 12.2 ,
colspan.
height
.
height . .
height , , .
, , ,
.
rowspan
, .
, . , ,
. 12.3.
. 12.3. ,
. 12.3 ,
rowspan.
valign
.
. : top
, middle , bottom
, baseline ,
.
width
.
, .
. ,
- , ,
. - ,
. , ,
, .
.
,
, , , .
. ,
,
, cellpadding ,
cellspacing.
,
. ,
, ,
. ,
, , , .
, .
, .
, , ,
, . ,
. , ,
, .
-
align <table>. ,
, , , 100%.
align ,
<img>. 12.2
.
12.2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<table width="200" bgcolor="#c0c0c0" cellspacing="0" cellpadding="5" border="1" ali
gn="right">
<tr><td> </td></tr>
</table>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy
nibh
euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</p>
</body>
</html>
.
. 12.4.
. 12.4. ,
,
.
, ,
. :
.
colspan rowspan <td>. colspan
. rowspan, ,
.
, . , <td colspan="3"> ,
<td> <td
colspan="2">...</td><td>...</td>. ,
. 12.3 , ,
.
12.3.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> colspan</title>
</head>
<body>
<table border="1" cellpadding="5" width="100%">
<tr>
<td colspan="2"> 1</td>
<td> 2</td>
</tr>
<tr>
<td> 3</td>
<td> 4</td>
</tr>
</table>
</body>
</html>
. 12.5.
. 12.5.
,
colspan, . -
, . . 12.5.
colspan rowspan 12.4.
12.4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
. 12.6.
. 12.6.
. Internet
Explorer , Opera Firefox , .
.
,
. 12.5,
height.
12.5.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<table width="100%" border="1" cellpadding="4" cellspacing="0">
<tr>
. 12.7.
. 12.7.
HTML 40 ,
, ,
. , height . ,
Opera,
. ,
.
.
.
- ,
. ,
100%.
12.6
.
12.6.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<table width="100%" border="0" cellpadding="5" cellspacing="0">
<tr>
<td width="150" valign="top" bgcolor="#f0f0f0">
<table width="100%" cellpadding="2" cellspacing="1">
<tr><td bgcolor="#ffffff">Lorem</td></tr>
<tr><td bgcolor="#ffffff">Ipsum</td></tr>
<tr><td bgcolor="#ffffff">Dolor</td></tr>
<tr><td bgcolor="#ffffff">Sit</td></tr>
<tr><td bgcolor="#ffffff">Amet</td></tr>
</table>
</td>
<td valign="top" bgcolor="#ffffee">Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet
dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis
nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.</td>
</tr>
</table>
</body>
</html>
. 12.8.
. 12.8.
,
150 . ,
100%.
. 12.8, , .
.
,
. HTML
<caption>, .
,
<caption>, -
. ,
.
<caption> align, .
left . Firefox
, Internet Explorer Opera ,
.
right Internet Explorer Opera
. Firefox
.
center .
.
top center,
HTML 4 .
bottom .
12.7 , . ,
<caption> <table>, .
12.7.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<table width="100%" border="1" cellpadding="4" cellspacing="0">
<caption> </caption>
<tr>
<th> </th><th>2003</th><th>2004</th><th>2005</th>
</tr>
<tr>
<td></td><td>43</td><td>51</td><td>79</td>
</tr>
<tr>
<td></td><td>29</td><td>34</td><td>48</td>
</tr>
<tr>
<td></td><td>38</td><td>57</td><td>36</td>
</tr>
</table>
</body>
</html>
(. 12.9).
. 12.9. Safari
, .
-.
,
,
.
- ,
.
, , . -
.
.
.
, .
. ,
, .
,
HTML.
- , .
JavaScript
.
, , ,
, .
, ,
, . , , ,
, . ,
, ,
. , ,
, .
, ,
, .
, ,
.
.
. ,
-.
,
, .
, ,
. ,
, ,
.
, . ,
,
.
, .
, , HTML
. -
. ,
, , .
<frameset>, <body>
.
<frame>, HTML-,
(. 13.1).
. 13.1.
HTML-:
,
. ,
, , .
, . 13.1.
: index.html , menu.html
content.html .
index.html ( 13.1).
13.1. index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset cols="100,*">
<frame src="menu.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</html>
.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE> , ,
. <head>
. , ,
HTML- .
cols,
100 , ,
. ,
.
<frame> HTML-,
src. , menu.html ( 13.2),
content.html( 13.3). ,
name.
13.2. menu.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body style="background: #f0f0f0">
<p></p>
</body>
</html>
,
.
13.3. content.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p></p>
</body>
</html>
(. 13.2).
. 13.2.
<frameset>, ,
. rows,
( 13.4).
13.4.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset rows="25%,75%">
<frame src="top.html" name="TOP" scrolling="no" noresize>
<frameset cols="100,*">
<frame src="menu.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</frameset>
</html>
, <frameset> rows
, <frameset>,
13.1.
,
, scrolling="no" noresize.
HTML- ,
.
.
. target <a>.
, , name ( 13.5).
13.5.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset cols="100,*">
<frame src="menu2.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</html>
CONTENT.
, target="CONTENT", 13.6.
13.6. menu2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body style="background: #f0f0f0">
<p></p>
<p><a href="text.html" target="CONTENT"></a></p>
</body>
</html>
.
:
_blank ;
_self ;
_parent , , -
, _top;
_top .
, ,
. frameborder <frameset> 0.
Opera , .
framespacing="0". ,
<frameset>, , .
( 13.6).
13.6.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset cols="100,*" frameborder="0" framespacing="0">
<frame src="menu.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</html>
, frameborder framespacing
HTML.
, ,
- . , ,
bordercolor, <frameset> <frame>.
( 13.7),
border. Opera
.
13.7.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset cols="100,*" bordercolor="#000080" border="5">
<frame src="menu.html" name="MENU">
<frame src="content.html" name="CONTENT">
</frameset>
</html>
Internet Explorer
Opera
Firefox
. 13.3.
Opera , Internet Explorer
, Firefox
.
,
.
noresize <frame> ( 13.8).
13.8.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset cols="100,*">
<frame src="menu.html" name="MENU" noresize>
<frame src="content.html" name="CONTENT">
</frameset>
</html>
noresize .
. ,
, .
,
.
-, .
scrolling <frame>.
: yes ,
no ( 13.9).
13.9.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<frameset cols="100,*">
<frame src="menu.html" name="MENU" noresize scrolling="no">
<frame src="content.html" name="CONTENT">
</frameset>
</html>
, ,
. scrolling="no" .
scrolling ,
, , .
.
, -.
, - . . 13.4 .
. 13.4. -
HTML-
-.
.
<iframe>,
src, ( 13.10).
13.10. <iframe>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><iframe src="hsb.html" width="300" height="120"></iframe></p>
</body>
</html>
width height.
hsb.html. ,
, .
,
. name, <a>
target ( 13.11).
13.11.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> </title>
</head>
<body>
<p><a href="rgb.html" target="color">RGB</a> |
, color.
<iframe> <!DOCTYPE>.
-
. , -,
. -
, ,
W3 (www.w3c.org) .
, , ,
.
.
.
HTML- ,
, , . ,
, -.
,
, -.
, - .
, ,
.
,
, .
. , -,
-.
XML (eXtensible Markup Language, ).
-
. XML , HTML
. - XML ,
, . HTML
XML, ,
HTML.
, - .
,
HTML.
, -.
,
. ,
, . ,
.
, , , .
, .
, ,
, . ,
, .
, ,
, , .
, -. , , (.. , )
, . ,
, . , Internet Explorer (IE)
,
HTML CSS , Firefox Opera. ,
IE ,
, .
, ,
: , .
. ,
-.
? , . - ,
. ,
,
, .
-
. .
,
.
.
validator.w3.org
http://validator.w3.org , ,
. :
, .
, ,
(. 14.1).
. 14.1.
. 14.2. -
,
, (. 14.3).
. 14.3.
, , ,
Validate by File Upload ( ),
. 14.4.
. 14.4.
HTML-, Check.
.
.
(. 14.5).
. 14.5. HTML-
.
1.
Firefox > .
( xpi) .
.
2.
Firefox > ... ,
.
3. extension
, Firefox ( c:\Program Files\Mozilla Firefox)
extension, .
.
. HTML Validator Firefox.
- ,
Mozilla Firefox
http://forum.mozilla-russia.org/doku.php?id=general:extensions_installing
HTML Validator
- HTML Validator ,
,
. . 14.6.
. 14.6. ,
(. 14.6) , ,
(. 14.6) ,
. (. 14.6) ,
.
. -, HTML-
>
(. 14.7).
. 14.7.
- (. 14.8),
HTML-.
.
.
,
HTML,
. ,
.
, .
http://www.w3.org/TR/html401/ HTML 4.01
, , .
:
<!DOCTYPE>;
( );
;
, ;
.
<!DOCTYPE>
<!DOCTYPE> ,
-.
<!DOCTYPE> ,
.
, - ,
.
, ,
.
, . ,
<style>, <style type="text/css">.
, HTML, . ,
. ,
, .
<marquee> Microsoft
. .
,
;
, ,
:<strong><em></strong></em>.
</strong> <em>,
</em>;
.
.
.
,
.
HTML ,
.
,
, . -,
. -,
XHTML (Extensible Hypertext Markup Language, ),
HTML. XHTML
.
- ,
,
, .
,
( <p>) . , ,
, <div>.
<!DOCTYPE>
HTML- <!DOCTYPE>,
. ,
. , ,
<!DOCTYPE>.
,
, , .
HTML Validator Firefox,
.
http://www.htmlpedia.org/wiki/HTML_Tidy,
. ,
.
& &.
missing </...>
.
<head><title></title></head>
<head><title></head>
HTML- .
missing <...>
. , ,
, <tr> <table> <td>.
<ol><li></li></ol>
<ol></ol>
<title>.
<frameset>.
</body> .
<!DOCTYPE> .
<!DOCTYPE> .
.
< <.
. 14.1.
. 14.1.
<body>
style="margin: 0"
<table> height=100%
style="height: 100%"
<table> nowrap
style="white-space: nowrap"
<td nowrap>
<td>
style="backgroundimage:url(abc.gif)"
background="abc.gif"
<p id="my_id"">
name id .
;
;
.
<p></p><br>
<p></p></p>
<p>abc<br><table>...</table></p>
,
.