/ Html / Html. 1-.
, .
D:\ \
.. D, . , , , , , . notepad (start programs accessories notepad ) :
<html>
<head>
<title> </title>
</head>
<body>
, .
<br>
!
</body>
</html>
()
, *.html
D:\ \index.html
: " , *.html", , *.txt, *.html - . , .
, -> (File -> Save), , , *.txt. :
- -> (File Save as)
- , : index.html ( index; *.html ).
- , *.html, -> (File -> Save).
, , Internet Explorer ( , ), .
- - - (index.html)
File Open Browse index.html
- *.html ( ), , , , .
, , - - , .
, , , .
2-
<html>
<head>
<title> </title>
</head>
<body>
, .
<br>
!
</body>
</html>
()
, : (html) - , . , : html , (.. , , .. ).
, , , , (tags ).
|
|
: <br> ( ).
, , < > - . , < > - .
: , .
, , .
<html>
<head>
<title> </title>
</head>
<body>
, .
<br>
!
</body>
</html> ()
, , , , .
<html>
. , :
</html>
, <br>, , .
, ,
3-
<html>
<head>
<title> </title>
</head>
<body>
, .
<br>
!
</body>
</html>
()
<head> </head> -
<body> </body> -
, <head> </head>, - ( , ).
<title>- . ? IE (Internet Explore) ... ?
, <body> </body> - . : , , , -, , . , - , .
<> </> - , - , ( ).
:
<1><2><3>... </3></2></1>
: , - , ..
.. , :
<1><2><3>... </3></1></2>
, .
4-.
, , , , , , , , . , . ( - http://www.artlebedev.ru/tools/colors/).
, :
(File Save as)
? , Html . , ffffff. .
|
|
! .
<font color="#CC0000"> ! </font>
Color () font, , , .
0000 color. , - #.
<html>
<head>
<title> </title>
</head>
<body>
, .
<br>
<font color="#CC0000"> ! </font>
</body>
</html>
()
<font></font> - . , , .
? - <body>:
<body text="#336699">
, , , <font></font>. <body> , .
<html>
<head>
<title> </title>
</head>
<body text="#336699">
, .
<br>
<font color="#CC0000"> !</font>
</body>
</html>
()
, .
5-.
, , .
<body>:
<body bgcolor="#000000">
, . , <body> , , body, ( ).
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
, .
<br>
<font color="#CC0000"> !</font>
</body>
</html> ()
: <body> , ( , ).
<body text="#336699" bgcolor="#000000">
, . , , , , , .
(, , , , ). ? , , . , , , , .
: - Kiss me, , , ? ?
6-
. :
<p></p>
:
<p align="center"></p>
|
|
:
<p align="left"></p>
:
<p align="right"></p>
:
<p align="justify"></p>
, . (align="center"), align : Left, Right, Justify.
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<p align="center">
, .
<br>
<font color="#CC0000"> !</font> </p>
</body>
</html>
()
, HTML . : :
<p></p>
<p> - ( ) . . , , , . , </p> . , ? <p align="center">:
<center> </center>
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<center>
, .
<br>
<font color="#CC0000"> !</font> </center>
</body>
</html>
()
, <center> , HTML (, , , HTML ). , , .
? <div></div>, . align <div>:
<div align="center"> </div>
<div align="left"> </div>
<div align="right"> </div>
<div align="justify"> </div>
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
, .
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
() , , , , . , ?
</p>
</body>
</html>
()
, , - .
|
|
, <div></div>. .. , :
<p align="right">
<p></p>
<p></p>
<p></p>
</p>
<p align="right">
<div></div>
<p></p>
<div></div>
</p>
<div> : , , .
<div align="right">
<p> </p>
<p> </p>
<p> </p>
</div>
7-.
<font></font>.
. :
<H1> </H1>
<H2> </H2>
<H3> </H3>
<H4> </H4>
<H5> </H5>
<H6> </H6>
, h1 , h6 . , . .
. , ", " , :
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<H3>, .</H3>
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
() , , , , . , ?
</p>
</body>
</html>
()
<h3></h3>. , . , , . </hx> .
(, ). , , . size <font></font>, :
<font size="+4"> </font>
<font size="+3"> </font>
<font size="+2"> </font>
<font size="+1"> </font>
<font size="+0"> </font>
<font size="-1"> </font>
<font size="-2"> </font>
, . , , .
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<H3>, .</H3>
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
() , , , , . , <font size="+1"> ? </font>
</p>
</body>
</html>
()
: , . : , , , () . : size ( ) ="+0".
|
|
, .
8-.
, , , , . , , , , , , , , .
:
<b> </b>
<i> () </i>
, . , , , :
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<H3>, .</H3>
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
() , , , , . , <b> ? </b>
</p>
</body>
</html>
()
. ? , . :
< tt > </tt>
. ( ).
<pre></pre>:
<pre> : , , , . , , .
:
<tt><b><i> </i></b></tt>
, , . , , .
<u>:
<u> </u>
<strike> <s> , , :
<strike> </strike>
<s> </s>
<big> , <small> :
<small> </small>
<big> </big>
Sup Sub - . Sup - , Sub - . ? , , - - H2O (, ).
<sup> sup </sup>
<sub> sub </sub>
9-.
, <font>, face. face .
, Arial:
<font face="arial"> ( Arial) </font>
, - :
Times;
Times New Roman;
Arial;
Helvetica;
Courier;
Verdana;
Tahoma;
Cosmic Sans;
Garamond
.
face :
<font face="arial, verdana, courier"> ( Arial) </font>
Arial, Verdana. Verdana , Courier. .. face , .
, , , - . , , .. , , . , , . , .. . , , .
: , . , ().
, , ( ).
10-.
() , , .. , ( ). , , () 70 , , .
: , . , , .
, :
<img src="my.jpg">
my.jpg (me.gif, main.png). , - ( ). , (, ), . ( , ), :
<img src="my/my.jpg">
, , :
<img src="../my.jpg">
, :
<img src="http://www.homepage.ru/my/my.jpg">
, , . , MY.jpg, my.JPG, my.jpg MY.JPG . , .
, (primtocodephoto.gif) . , , img .
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<H3>, .</H3>
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
<img src="primtocodephoto.gif"> () , , , , . , <b> ? </b>
</p>
</body>
</html>
()
, . , ? , , , .
11-.
, , . . align, . align :
<img src="pr1.png" align="left">
, , . ( , ) right:
<img src="pr1.png" align="right">
: ( ) - (1), - (2), - (3):
(1) - <img src="pr1.png" align="bottom">
(2) - <img src="pr1.png" align="middle">
(3) - <img src="pr1.png" align="top">
align <img> :
(1) - <img src="pr1.png" vspace="10">
(2) - <img src="pr1.png" hspace="30">
(3) - <img src="pr1.png" alt=" ">
(4) - <img src="pr1.png" width="100">
(5) - <img src="pr1.png" height="200">
(6) - <img src="pr1.png" border="5">
.
(1) - vspace - ( ). . Pixel - , . , 800600 - 800 600 . 10 .
(2) - hspace - , . . 30 ().
(3) - alt - . , () , . - " ". alt , . , (, ), .. , . alt ( ), .. , alt, , .
(4) width - ( ). , ( , ).
(5) - height - ( ). width (height) . , , , ...
(6) border - ( ). . , , . , border .
, , . :
<img src="pr1.png" align="left" hspace="30" vspace="5" alt=" ">
, , - 30 , - 5 ( ), , , - " ".
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000">
<div align="center">
<H3>, .</H3>
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
<img src="primtocodephoto.gif" align="left" HSPACE=30 VSPACE=5 alt=" "> () , , , , . <br><br> , <b>
? </b><br><br> () . , , . , :) <br><br>. , - c, , ? , .
</p>
</body>
</html>
()
: , , : .. - , - .
, (+ ), , (, ). , (<p></p>) , , (. , , ).
. :
<body text="#336699" bgcolor="#000000" background="_.jpg">
background , , , (), .
bgcolor, background? (, ), .
12-.
, .
, , <br>, (.. Enter, ).
<br> - clear. ? , - (, ):
. , . , , . . ", !" , , : " . ."
, " " , ", " - . , , <br> . () , , <br>, . , , clear:
:
<img src="sos.gif" align="left">
. , . , , . .
<br clear="left">
", !" , , : " . ."
clear - all, left, right.
All - .
Left - , . Right - , .
clear="left", .. .
. - "!" , , , .
13-.
. (index.html) - . (photos.html, about_me.html, my_pets.html, friends.html, gh516hgd.html). (), .
. , , , , , ..
( ) (, ), . .
( prf.html) (), index.html. , .
prf.html - . " " prf.html:
<a href="prf.html"> </a>
<a></a> (). :
(1) - <a href="prf.html"> </a>
(2) - <a href="photos/prf.html"> </a>
(3) - <a href="http://www.homepage.ru/prf.html"> </a>
(1) (), , prf.html, (2) /photos, (3) http://www.homepage.ru, .
(1) (2) . (3) , .. , ( - http://www.homepage.ru/). , , , .
: link - , alink - (), vlink - .
<body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999">
, <body>. , - , .
, :
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999">
<div align="center">
<H3>, .</H3>
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
<img src="primtocodephoto.gif" align="left" HSPACE=30 VSPACE=5 alt=" "> () , , <a href="prf.html"> </a>, , . <br><br> , <b> ? </b><br><br> () . , , . , :) <br><br>. , - c, , ? , , .
</p>
</body>
</html>
()
14-.
(e-mail), , , .
, (, ):
<a href="mailto:[email protected]"> [email protected] </a>
. , - , .
mailto :
-?subject= c
- &Body=
- &[email protected],[email protected] ( )
- &[email protected],[email protected] ( )
:
<a href="mailto:[email protected]?subject=Hello&Body=text&[email protected]&[email protected]"> [email protected] </a>
, - .
15-.
. , , <a></a> , :
<a href="prf.html"><img src="primtocodephoto.gif"></a>
, :
<a href="mailto:[email protected]"><img src="primtocodephoto.gif"></a>
, primtocodephoto.gif (prf.html):
<html>
<head>
<title> </title>
</head>
<body text="#336699" bgcolor="#000000" link="#339999" alink="#339999" vlink="#339999">
<div align="center">
<H3>, .</H3>
<br>
<font color="#CC0000"> !</font> </div>
<p align="justify">
<a href="prf.html"><img src="primtocodephoto.gif" align="left" HSPACE=30 VSPACE=5 alt=" "></a> () , , <a href="prf.html"> </a>, , . <br><br> , <b> ? </b><br><br> () . , , . , <br><br>. , - c, , ? , .
</p>
</body>
</html>
()
, . primtocodephoto.gif . ( , ) . , , , border="0" ( ).
<img src="primtocodephoto.gif" align="left" hspace="30" vspace="5" alt=" " border="0">
, : " ?
bordercolor, :
<img src="picture.gif" border="3" bordercolor="#CC0000">
, , , , border ( ) , .
, , , body link, vlink, alink, .. bordercolor .
: ?
, . , , , . - , .. , . " , , .
16-.
, , , : , - . ? : ( small.jpg) ( big.jpg):
<a href="big.jpg"> <img src="small.jpg"> </a>
. , ( -) ? , <a></a> target:
<a href="big.jpg" target="_blank"> <img src="small.jpg"> </a>
, target="_blank" - , ( ), , . . .
17-.
, . , , .
, , , , () , , - . , , , , .
, .
<map></map>. <map> () <area>, ( ) , (.. - ).
<map>
<area...>
<area...>
...
<area...>
</map>
( )
. :
- (240140 ). , 1 2, , - - , - - . ( , , ), , - , 1 2 () .
, , , , <area>, , . shape coords.
shape - : (shape="rect"), (shape="circle") (shape="poly"). , :
<map>
<area shape="rect">
</map>
coords - ( ). .
"! !" - , - " ?" - , .
. , (0;0). , - - . coords :
<area shape="rect" coords="x1,y1,x2,y2">
1 :
x1=25, y1=36, x2=114, y2=98
, :
<map>
<area shape="rect" coords="25,36,114,98">
</map>
, , href:
<map>
<area href="drugoy_document.html" shape="rect" coords="25,36,114,98">
</map>
, , , .
<map> name - , - karta1:
<map name="karta1">
<area href="drugoy_document.html" shape="rect" coords="25,36,114,98">
</map>
, , usemap="#_" :
<img src="bluerects.gif" usemap="#karta1">
... , ...
<map name="karta1">
<area href="drugoy_document.html" shape="rect" coords="25,36,114,98">
</map>
( 1):
<area> 2 (x1=153, y1=11, x2=219, y2=127), , .
18-.
, . :
:
<map>
<area shape="circle">
</map>
(x y) (R) . .. :
<area shape="circle" coords="x,y,R">
, 1. : x=46, y=48; - R=35. :
<map>
<area shape="circle" coords="46,48,35">
</map>
, , , , :
<img src="mapcircle.gif" usemap="#karta2">
. , ...
<map name="karta2">
<area href="drugoy_document2.html" shape="circle" coords="46,48,35">
</map>
, alt , , , alt:
<img src="mapcircle.gif" usemap="#karta2">
... , ...
<map name="karta2">
<area href="drugoy_document2.html" shape="circle" coords="46,48,35" alt=" ">
</map>
1 . " ".
, ( )
(x=158, y=75, R=53), .
20-. (, )
. : , - , ( , ). . .
- name ( ) A:
<H2> , " .<BR>
".</H2>
<A href ="#stih1 "> </A><BR>
<A href ="#stih2 "> </A><BR>
<A href ="#stih3 "> </A><BR><BR>
<PRE>
, , . : " " - . : " " - . , , . , .
</PRE>
<H3>< A name="stih1"> </A></H3>
<PRE>
... -- 1...
</PRE>
<H3 ><A name="stih2"> </A></H3>
<PRE>
... -- 2...
</PRE>
<H3>< A name="stih3"> </A></H3>
<PRE>
... -- 3...
</PRE>
()
( , , ) , A - name:
|
|
|
|
: 2017-03-18; !; : 275 |
:
- , - .
==> ...