6.050101
, , . ϳ ________________ 11 2015 . 51.24-11.06.2015 | 13 18.05.2015 . |
ȯ 2015
Web-㳿 Web-. [ ]:. . 6.050101 ./. .., .. .: , 2015. 137 .
: .., . . .
: .., . . ,...
..
³ : .. , . . , .
, . 㳿 , -, , - .
Web - 㳿 Web Web- Web-, Web- -, HTML, CSS JavaScript, C# ..
, ̲,
-.
HTML Web- Web-㳿 Web- -.
, HTML, CSS, Web-.
, , .
.
, . ϳ , , .
- -.
|
|
: -; - -.
: -; - - : ASP.NET, J2EE, HTML, JavaScript, PHP, XML, AJAX.
1
:
: HTML- .
: HTML- .
1.1
HTML-
HTML , , Web-. (< >). . ', , , ' . HTML
.1.1 HTML
HTML , : , - . ົ ົ , / , , , . HTML :
<> , </>.
HTML , . :
<1>
<2> , </2></1>
! HTML ' : , ' . .
, , - , " HTML ". , " " , HTML, , , . " " :
<L> </L>
- , HTML, . , : HTML , - .
- , , HTML , . , : , , , .
|
|
:
<HEAD> </HEAD>
, HEAD html- <HTML> ' , web-.
, , , <HEAD>. :
<ITLE> </ TITLE>
, <TITLE> , .
web - - ҳ .
ҳ , <BODY> </ BODY>, , html - . , , , , .
<HTML>
<HEAD>
<ITLE> web-</TITLE>
</HEAD>
<BODY>
</BOOY>
</HTML>
1.1.2
- HTML, , . . . , <HTML> , <TABLE BORDER="1" WIDTH="100"> BORDER =" 1 "WIDTH =" 100 " <TABLE>.
HTML :
< ̒_-1="" ̒_-2=""... ̒ _-n="">
HTML : , , , . , 0 9. , .
, BORDER = "1" ALIGN = "CENTER" BORDER = 1 ALIGN = CENTER.
1.1.3
HTML , , ( - ). <HEAD>, <head>, <Head> <hEaD>. HTML: URL escape-.
1.1.4 Escape-
Web - , , , . , escape - , , , '. escape - , . escape - (&) , , .
1.1. escape-
< > " & | , ; , ; (, , ) | < > " & &; ® |
|
|
Escape - , , , ' , web - .
, html - :
" " :
" "
 .
1.1.5 , ,
, , , html -.
, ,
:
, - , , Tab, Enter . web - . , <PRE> - . :
<PRE>
</ PRE >
, <PRE>, , , . , HTML . PRE .
1.1.6
HTML , web -, , , . html -. , , web - .
, , : <! -, : ->.
:<! - ->
, . HTML , html -.
|
|
1.1.7
HTML, W3C, html- <HTML> , , web- HTML 3.2, - . , . :
<! DOCTYPE HTML PUBLIC "- / / W3C / / DTO HTML 3.2 / / EN">
1.1.8
HTML , . ֳ html - , , . web - : , , , .
³, RGB (Red, Green, Blue). - : , . web - HTML - , RGB.
, , , ' - , . 140 , . , , . , , . , Netscape Navigator , Microsoft Internet Explorer.
: #, . web - , . VGA. . 1.2.
1.2.
RGB | |||
- ѳ - - - | 255 255 255 0 128 0 0 255 0 128 128 128 192 192 192 255 255 0 128 0 0 0 0 255 0 0 128 0 255 255 0 128 128 255 0 0 128 0 128 255 0 255 128 128 0 | White Black Green Lime Gray Silver Yellow Maroon Blue Navy Aqua Teal Red Purple Fuchsia Olive | #FFFFFF #000000 #008000 #00FF00 #808080 #C0C0C0 #FFFF00 #800000 #0000FF #000080 #00FFFF #008080 #FF0000 #800080 #FF00FF #808000 |
, , . ', html- , , .
1.1.9
, , web-.
html- , <> </ >. :
< ALIGN = APMEHT>
,
</ >
ALIGN , : RIGHT - ; LEFT - ; CENTER - ; JUSTIFY - .
, , < ALIGN = JUSTIFY >, ' . < > , .
|
|
, , ' . :
<LEFT>
HTML
< / LEFT >
, <LEFT> < / LEFT > - , , ', - .
<CENTER>
HTML
</ CENTER >
, <CENTER> </ CENTER >, .
<RIGHT>
HTML
</ RIGHT >
, <RIGHT> </ RIGHT >, .
. , , , , <BR>. , , . HTML:
<P>
. <BR>
.
</ >
<BR> . , <BR> . <BR> CLEAR, : LEFT, RIGHT ALL. , . CLEAR :
<BR LR="">.
, , . , <NOBR>
<NOBR> </ NOBR >
, , ' .
web - - : . HTML:
<> . </ >
<I> , </ I>
. , :
<> <I> . </ I > </ >
HTML , . , . , :
< > . </ >
<STRONG> . </ STRONG >
, :
<STRONG> < > , </ > < / STRONG >
<U>. :
<U> ϳ </ U>
<DEL>
<SUB> - , .
<SUP> - , .
<> - , , .
<TT>, <CODE>, <KBD>, <SAMP> , , <DEL> <INS>. <DEL> , ( ). <INS> , ' ( ).<BIG> - , .
̲ HTML , , . ( ) .
<BIG> . :
<BIG> </ BIG >
, <BIG>:
<BIG> <BIG> e </ BIG > </ BIG >
<SMALL>. :
<SMALL> </ SMALL >
<SMALL>, , <BIG>.
', , , , , , , . , .
1.1.10 <FONT>
, <BIG> <SMALL>. ? <FONT>.
, HTML , , . . , Microsoft Internet Explorer , 2 3 - , , , . Netscape Navigator 4 5, 6 7, , 3, .
̲ ', , Microsoft InternetExplorer, , HTML, , . , <FONT>, , , . , . , , .
<FONT> :
<FONT FACE="1" SIZE=" 2" COLOR=" 3">
</ FONT >
FACE , , <FONT> </ FONT >. , , " ! " " Arial", <FONT>, .
', , ' , , FACE <FONT> , , . , , : Arial New Times Roman. , , .
SIZE , . , " 2 ", , . 1 6, . ³ , (, +2 -1), - , , . , <FONT SIZE="+1"> , , .
COLOR , .
, <FONT> - . HTML:
<FONT FACE="Arial" SIZE="+2" COLOR="#0000FF">
</ FONT>
1.2
1 | 8 |
2 | 10 |
3 | 12 |
4 | 14 |
5 | 18 |
6 | 24 |
7 | 36 |
<BASEFONT>
<BASEFONT SIZE="4">
! ', <FONT>. - UNIX- , Lynx.
1.1.11 <BODY>
<BODY>, ( ) HTML, . , , , - .
<BODY> :
<BODY BACKGROUND="URL" BGCOLOR="1" ="2" LINK="3" VLINK="4" ALINK="5">
HTML
<BODY>
BACKGROUND web - , URL . URL (, " http://www.server.ru/imaes/_.gif "), , (, ".. images / _.gif "). ' , , HTML. - , , .
, , web - - , : - 1x1 , , URL BACKGROUND <BODY>.
TEXT . , , <BODY>, <FONT> COLOR. , BGCOLOR. web - .
̲ BGCOLOR BACKGROUND , . , , , web - , BGCOLOR, , BACKGROUND.
, html - , BGCOLOR "# FFFFFF " <BODY> '. : (, Microsoft Internet Explorer) web - , . , .
LINK web - , , , web - . " blue " (I0000FF). , VLINK , - " purple " (# 800080). , ALINK , , . "purple".
, <BODY>, BACKGROUND, .
̲ , , , , - . : () , web - ( Print Screen '), grayscale (256 ). , , - .
ϳ web -, ', . , . , .
, . , . , , . . , web - . <BODY> :
< BODY BACKGROUND = " http://www.myserver.com/images/back.jpg " BGCOLOR = " # 000000 " TEXT = " # FFFFFF " LINK = " # 008000 "
VLINK = " # 800080 " ALINK = " # FF0000 " >
ҳ HTML
</ BODY>
Microsoft Word . . , , .
Microsoft Word : , HTML. HTML , , , . web - , < n >, n - 1 6, , 1.
:
< n LIGN = " " > </ n >
n = 1... 6.
ALIGN web - . :
RIGHT - ;
LEFT - ;
CENTER - .
.
:
<1 ALIGN = " CENTER " >
OPO в!
</ 1>
, - HTML, : , 1 , . , , . < 4 >, , web -, . - .
MS Word, , - . . :
1
2
3
n
HTML <UL> :
<UL ="">
<LI> 1 </ LI>
<LI> 2 </ LI>
<LI> 3 </ LI>
<LI> n </ LI>
</ UL>
TYPE , . :
DISC - ;
CIRCLE - ;
SQUARE - .
, , <UL> , TYPE = " DISC ".
, , :
1. 1
2. 2
3. 3 . .
HTML <OL>:
<OL ="" START="">
<LI> 1 </ LI>
<LI> 2 </ LI>
<LI> 3 </ LI>
</ OL>
TYPE, , -, , . TYPE <OL> :
"1" - 1, 2, 3 . .
"I" - I, II, III, IV . .
"i" - i, ii, iii . .
"" - , , . .
"" - , b, . .
START , . , TYPE "1", START- "5", 5. TYPE "", START - "D", D.
START VALUE. START , 1. VALUE - - .
START , - , TYPE. <OL TYPE="I" START="A"> .
, < OL TYPE = " A"START = " I" > .
TYPE " 1 ", .
, , , . :
1
1-
1-6
2
2-
2-6
HTML :
<OL>
<LI> 1 </ LI>
<UL>
<LI> l-a </ LI>
<LI> 1- <LI>
</UL>
<LI> 2 </ LI>
<UL>
<LI> 2-a </ LI>
<LI> 2-6 </ LI>
</ UL>
</ OL>
. <UL ="circle">
<LI> 1 </ LI>
<LI> 2 </ LI>
<LI Type="disc"> 3 </ LI>
<LI> 4 </ LI>
</ UL>
, LI , <UL> <OL>. , , DISC, SQUARE, :
<LI Y="SQUARE"> </ LI>.
, , : <LI =""> </ LI>. , LI .
, <DL>. :
1
1-
1-6
2
2-
2-6
HTML : <DL>
<D> 1
<DD> 1-
<DD> 1-6
<DT> 3a 2
<DD> 2-
<DD> 2-6
</DL>
<D> <DD> . : <DT> , , a <DD> - , . '.
1.1.14
<BLOCKQUOTE> </ BLOCKQUOTE > <Q> </ Q>. <Q> </ Q> .
1.1.15
- , , . . Web- 10 . IE - LEFTMARGIN, RIGHTMARGIN, TOPMARGIN, BOTTOMMARGIN, Netscape - MARGINWIDTH, MARGINHEIGHT.:
<BODY LEFTMARGIN="100" RIGHTMARGIN="100">
.-  .
1.2.
1. HTML ?
2. ?
3. ?
4. ?
5. ?
1. ³ HTML html (htm).
2. Web- (TITLE)
3. .
4. ( Pre)
5. ( P)
6. ( BR)
7. : , , (Escape-)
8. ( ALIGN P )
9.
10. ( )
11. ( )
12.
13.
14. ( )
15.
16.
17.
18.
19.
20. , (FONT)
21. Web-
22. Web-
23.
24.
25. ,
26.
27.
28.
29.
30.
31.
32.
33.
2
: ᒺ HTML
: ᒺ HTML
: HTML- .
2.1
2.1.1
<IMG> Web- .
:
<IMG SRC=ris.jpg>
, .
, .
<IMG SRC=images/ris.jpg>.
<CENTER>. <P> <BR>.
:
<BR><CENTER><IMG SRC=images/ris.jpg></CENTER >
, 450 100 . . , GIF.
2.1.2
BACKGROUND, <BODY>, Web- . , ; ﳿ , . (www.nepthys.com/textures imagine.metanet.com).
:
<BODY BACKGROUND=1.jpg>
2.1.3
BORDER , Web-, . (. ) BORDER 0 .
:
<CENTER><IMG SRC=images/ris.jpg BORDER=10></CENTER >
2.1.4
ALIGN Web- . ALIGN left right. left , right .
:
<CENTER><IMG SRC=images/ris.jpg ALIGN= left></CENTER>TEXT
, , <BR> CLEAR, , 䳿 . left, right all CLEAR , , .
:
<BR CLEAR= left>
2.1.5
ALIGN top () middle () bottom () . Web- .
:
<P><IMG SRC=images/ris.jpg ALIGN=top>TEXT
ALIGN , Web- .
ALIGN texttop, absmiddle, absbottom ( HTML ), top, middle bottom .
2.1.6
Web- .
HSPACE , VSPACE .
:
<P><IMG SRC=images/ris.jpg ALIGN=left HSPACE=20 VSPACE=20>
2.1.7
<HR> Web- , , . Web- 2 . SIZE . WIDTH , .
:
<HR SIZE=10 WIDTH=50% >
2.1.8
, ALIGN top () middle () bottom (), . HSPACE , .
(www.grapholina.com/Graphics)
(www.theshockzone.com)
:
<UL>
<BR>< IMG SRC=images/ris.jpg ALIGN=middle>TEXT1
<BR>< IMG SRC=images/ris.jpg ALIGN=middle>TEXT2
<BR>< IMG SRC=images/ris.jpg ALIGN=middle>TEXT3
--
</UL>
2.1.9
Web- . WIDTH HEIGHT ( , , ), . , Adobe Photoshop. , , , - , .
:
<BR>< IMG SRC=images/ris.jpg WIDTH=230 HEIGHT=300 ALIGN=left>
LOWSRC ( LOWSRC HTML ).
<BR>< IMG SRC=Hi.jpg LOWSRC=Low.jpg WIDTH=230 HEIGHT=300 ALIGN=left>
, (LOWSRC) (SRC).
( Adobe Photoshop): gif jpeg; ; ; ; ; ; GIF; .
2.1.10 , Web-.
, Web-, <A>. , Web- URL . , ( http://www.ukr.net).
:
<P><A HREF=http://www.ukr.net> </A></P>
2.1.11 , Web- .
, URL.
:
<P><A HREF=katalog/list2.html> </A></P>
.
, : (www.bycarel.com/buttons) (www.station4.com/buttonfactory)
:
<A HREF=index.html><IMG SRC=homebutton.gif></A>
<A HREF=index.html><IMG SRC=homebutton.gif BORDER=0></A>
2.1.12 ᒺ
, , . <A> <NAME>. / . , <A> <HREF>.
:
<BR> <A NAME=END>TEXT</A>
:
<BR> <A HREF=#END>TEXT</A>
2.1.13
<BR> <A NAME=END>TEXT</A> -
:
<BR> <A HREF=List.html#END>TEXT</A> - , .
2.1.14 ,
:
<P><A HREF=http://www.ukr.net> <IMG SRC=1.jpg></A></P>
2.1.15 , . .
, , .
:
<A HREF=Big.jpg><IMG SRC=small.jpg></A>
2.1.16 , .
ó, , , . . .
:
<A HREF=program/game.exe>TEXT</A>
. , , , . , .
2.1.17
e-mail , .
:
<A HREF=mailto:[email protected]>TEXT</A>
subject, &.
:
<A HREF=mailto:[email protected]&subject=comments>TEXT</A>
, ?cc
:
<A HREF=mailto:[email protected][email protected], [email protected]&subject=comments> TEXT </A>
2.1.18 , FTP
, FTP, , ftp://
:
<A HREF=ftp://ftp.log.gov>TEXT/</A>
FTP- 21 , :
<A HREF=ftp://ftp.log.gov:1999>TEXT/</A>
, :
<A HREF=ftp://name:[email protected]>TEXT/</A>
, FTP-, :
<A HREF=ftp://ftp.log.gov/pub/newlist.txt>TEXT/</A>
2.1.19 ³ Web-
TARGET , , . TARGET _blank. , _blank, .
:
<BR><A HREF=list.html TARGET =_blank>TEXT</A>
TARGET ( ) .
:
<BR><A HREF=list.html TARGET =name>TEXT</A>
, , <HEAD> </HEAD> <BASE TARGET=name>, name , .
<HEAD> <BASE TARGET=name> </HEAD>
2.1.20
LINK, VLINK, ALINK .
LINK , .
VLINK , .
ALINK