.


:




:

































 

 

 

 


HTML-




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-

<   >   "   &       , ;   , ;       (, , )     &lt;   &gt;   &quot;   &#38;   &nbsp;     &;   &reg;

 

Escape - , , , ' , web - .

, html - :

&quot &quot :

" "

&nbsp.

 

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">

.- &nbsp.

 

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





:


: 2016-12-04; !; : 620 |


:

:

, , .
==> ...

2130 - | 1774 -


© 2015-2024 lektsii.org - -

: 0.52 .