.


:




:

































 

 

 

 


1

ә қ:

..
ә қ,
,
4 ү, 2 , .9

2

ә ң: ә ү, ү,

ғ қғ ң,

ә .

 

қ 2. .

қ: HTML .

:

1 ө

2 ө

3 ғ

4 қң

 

HTML- ң ү ү :

  • ө
  • ө
  • ң

әү қ қң қ ғ c. ү ғ (қ ә қ) қ қ. ғ ң ә.

 

1 ө .

ө ң ө ү . , ө өң, қғ ө ү .

ө < OL > ә </OL > қ. Ә < LI > . :

<OL>
<LI> қ
<LI>
<LI>
</OL>

  1. қ

<OL> ү:

<OL TYPE=A|a|I|i|1 START=n>

ұ:

TYPE

ү:

A ү ә (A,B,C...)

a ә(a,b,c...)

I ү (I,II,III...)

i (i,ii,iii...)

1 қ (1,2,3...)

START=n

:

<OL TYPE=I START=15>
<LI> қ
<LI>
<LI>
</OL>

қ

 

2 ө .

Ә ө қ. ү, қ, ө.

ө < UL > ә </UL > қ. Ә < LI > . :

:

<UL>
<LI>
<LI>
<LI>
</UL>

<UL> :

<UL TYPE=disc|circle|square>

ң < UL > ү ү қ ңғ қ (disc), өң (circle) (square). :

<UL TYPE=square>
<LI>
<LI>
<LI>
</UL>

 

3 ғ .

ғ ө:

<HTML><HEAD><TITLE> Қ </TITLE></HEAD>
<BODY> <H2> ң ң қң </H2>
<H3> Құғ: 1996 30

</H3>

ң ң құ қң -ө .

<P>

ҳ қ қ ғ ғ қ . <P>


<OL>
<LI>
<UL>
<LI> ..
<LI> ..
</UL>
<LI> ө
<UL>
<LI> ..
<LI> ..
</UL> </OL></BODY></HTML>

̳, ө:

 

ң ң қң

Құғ: 1996 30

ң ң құ қң -ө .

<P>

ҳ қ қ ғ ғ қ .

..

..

..

..

ҳ <LI>

<LI> :

<OL TYPE=disc|circle|squade> < OL TYPE=A|a|I|i|1 VALUE=n>

қ қ ү , ғ .

TYPE

ү (. <UL>) (.OL)

VALUE=n

ө ғ ғ (ң ө). ү ғ ң ө ө .

:

<OL TYPE=I START=15>
<LI>
<LI TYPE=i VALUE=25>
<

LI>
</OL>

 

4 қң .

қң <DL > ә </DL > қ. үқ ү қ қ. Ә <DT> ә <DD> . :

<DL>
<DT> <B> ө </B>
<DD> ө ә қ қғ ө

<DT> <B>Қ ө </B>
<DD> ө қ қ .
<DT> <B> ө </B>
<DD> ө ң ң қ ә қ , ң , қ қ ә .

</DL>

ө

ө қ-ү ә ө ө қғ .

Қ ө

ө қ қ .

 

Ә: 1, 25-34 ; 3, 18-26 .

ө ң ң қ ә қ , ң , қ қ ә ..

1

ө қ:

;

;

2

Ө ң ө :

3

қ ң:

ө

ө өң ә қ қғ ұғ

Қ ө

ө қ қ

ң ө

ө ә ң қң , ң ұғ, қ қ ә ..

 

4

Ө ғ ң:

ң ң қң

Құғ:30 қ 2000

ң ң қ қң -ө ұ.

ҳ қ қ ғ қ .

..

..

ө

..

..

 

 

қ 3. ә қ .

қ: HTML ә қ .

:

1 ә

2 HTML-құғ құ

3 Құң ү

 

1 ә .

Қғ WEB- ө қ ө ә . ә ққ, құң ғ қ ә ғ , ұ қғ қ ңғ ә ғ ү . ѳ қ , ұ ү ә ң ү қ (ә қ) ғ ү . ѳ қ құ, құң ө қ , , ө FTP- ұ.

URL ұқ ғ ө ұқ ғ ғ құқ ө , ұ ө ғ ү WEB- құ қ.

HTML ә HTML-құң ұ ү URL- (Uniform Resource Locator) қ. URL-ң ө (қ ү ) ұқ ң ә . URL-ң ө (қ ү ) ұқ ң ә ү . Ә қ ү ң :

method :// machine-name /path/foo.html

HTTP қ www.softexpress.com HTML-құ index.html қ ө:

http://www.softexpress.com/index.html

Uniform Resource Locator- :

method://servername:port/pathname#anchor

URL-ң ө:

METHOD - URL- ү ң .

қ ә:

file - қ қ. ң қң қ ү. ә қң қ қ ң ө ү қ.

:

file:/home/alex/index.html қғ ғ /home/alex index.html ө.

http - WEB-ққ HTTP- қ қ ұқ .

ftp - FTP- ң ұ. :

ftp://hostname/directory/filename

mailto - ө қ қ қ. :

mailto:[email protected] қ ң қ қ, softexpress.com ғ info қғ қ. mailto ә қ ү ң ө қ (ә қ ү ң қ - ).

telnet - telnet қ ү.

news - қ, қ қ.

: news:relcom.www.support

SERVERNAME

ң қ ө . :

www.softexpress.com ң қ .

ң ө, қ ә URL-ғ қ ө қ HTML-құ ғ . ң қ ң IP- қ ү, қ ұ қ -ң қ ү ұ.

WEB- ұ TCP ң . ө, қ ү 80 қ. (port) URL-ң ө қ.

Құқ URL- ү ә қ ө қ . Ә ү WEB- құқ ұқ ү ү ә ү ү. , CGI қғ ( ғң), ә WEB-ң ғ . ү URL- қ WEB- қ ө. WEB- ө, ұғ ғ ү. ғ ғ, ұғ қ ң қ ү, .

:

http://www.softexpress.com/cgi-win/handle.exe

HTTP- ғ www.softexpress.com қ handle.exe CGI- қ . - /cgi-win/ - ә ( ү ). ө ә UNIX қ, ұ DOS ә Windows-қ қғ ң қ. ң ә құң , ғ ң ү ( ) ү WEB- . URL ң қ, құ WEB-ң ү қ ғ ң ү құ ұ (ә ұ index.html).

2 HTML-құғ құ.

URL- ғ ү HTML-құ URL- қ. ө HTML :

<A HREF=" URL "> -қ-қ-ә </A>

<A HREF=" URL "> ң , </A> . ң қ - ә Web- қ. Ә ұ әң ғ ә ө ү ( қң қ ү) . URL- ә ө, қғғ ғ ғ ә ү ғ қ (ә қ ғ ә қ ). HTML-құ ң :


<A HREF="http:/www.softexpress.com/index.html> </A>

 

3 Құң ү .

ѳ ғ қ , құң ә ү ө ө . ұ -қ құң ө ө ө қ . ѳ , құң ө ө , өң ұғ (ә, өң өң қ) ң ( ұ ң ).

ұ құ ү қ қ:

өң құң. ң :

<A NAME="named_anchor"> ң---ө-ә </A>

құң: <A HREF="#named_anchor"> ә </A>

 

Ә: 1, 25-34 ; 3, 18-26 .

1:

Қ қ " 1" , 1 ө ө.

Қ қ " 2" , 2 ө ө.

1

2

1

1

2

2

 

қ 4. HTML құң .

қ: HTML құң , , ұ .

:

1 HTML-құғ

2

3 ҳ қ

1 HTML-құғ .

Web-ң ң ғ HTML-құң ң қ ә ө үң қ ү. ұ ә <IMG...ISMAP> ң ө . құң қ ү ә қ ә қ.

HTML-құғ ң ү . - құқ қ , ғ құң қ ң ө ү . Құ "inline image" .

ң :

<IMG SRC=" URL " ALT=" text " HEIGHT=n1 ALIGN= top|middle|bottom|texttop ISMAP>

ә қ URL қ . URL қ ө. ү қ қ. Қ ү GIF ә JPG ү.

ALT="text"

ү қ ғ ә ғғ. Ә, ө ө ққ . ғ ғ ө . , ө . ң ң қ ү , ALT ұғ . , Lynx.

HEIGTH=n1

ғ ң ө ү . ө, ң ң . ұ ғ қғ ү , ң ә құң қ ү ғқ . қ, ү. ғ, ң ңң ұқ ө ө ү. қ қ ң ө ғ ұқ ң.

WIDTH=n2

ұғ қ . қ ғ ң ғ ұғ ү .

ALIGN

әң қ ү . ғ ң қңқ ү . , ң ө ң қ ө, ә ң қ ө ғ.

ISMAP

қ , ғ қ ә ғ ү ө . ұ ү HTML ң ә ө қ .

ғ :

< IMG SRC="http://www.softexpress.com/images/nekton.jpg" ALT=" " ALIGN="top" ISMAP>

HTML 2.0 <IMG> қ :

<IMG SRC=" URL " ALT=" text " HEIGHT=n1 ALIGN= top|middle|bottom|texttop| absmiddle|baseline|absbottom BORDER=n3 VSPACE=n4 HSPACE=n5 ISMAP>

ң :

BORDER - ғ ң ңғ ң ү ..

VSPACE - ә ң ү ғ ү ғ ң ү ә ғ ңң ө қғ ү . Ә, құ ө қ қ ө ң.

HSPACE VSPACE - ә,қ .

 

.

ө құқ қ құң ә қғ ү . ұ, қ. ққ ұқ ө құ қ ө.

ң BODY қ ә ө:

< BODY BACKGROUND=" picture.gif ">

 

Қ ү ғ

HTML- құң, ә ә ң ү ұ. ү ғ ү <BODY> қ қ қ:

< BODY BGCOLOR="#XXXXXX" TEXT="#XXXXXX" LINK="#XXXXXX">

ң ң ү . :

BGCOLOR - Құ ң ү

TEXT - Құң әң ү

LINK - ѳң ү

ү ғ ғ RGB (Red, Green, Blue). ү #000000 қғ, ү#FFFFFF ққ ә . ,

<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">

құң қ ү, қ ү ә ә ү ү .

 

3 ҳ қ.

<HR> , ѳ ә қ ө .

ң :

<HR SIZE=number WIDTH= number|percent ALIGN= left|right|center NOSHADE >

ң :

SIZE - ғ қң қңғ.

WIDTH - ғ қң ң .

ALIGN - (ғ | қ | ңғ).

NOSHADE - өң 3D ү қ ү ұғ. NOSHADE ү қ қ ұғ ү .

RGB үң ғ : қ, ө ә ү ққ

  #010000   #800000   #000100   #008000   #000001   #000080
  #100000   #900000   #001000   #009000   #000010   #000090
  #200000   #A00000   #002000   #00A000   #000020   #0000A0
  #300000   #B00000   #003000   #00B000   #000030   #0000B0
  #400000   #C00000   #004000   #00C000   #000040   #0000C0
  #500000   #D00000   #005000   #00D000   #000050   #0000D0
  #600000   #E00000   #006000   #00E000   #000060   #0000E0
  #700000   #FF0000   #007000   #00FF00   #000070   #0000FF

ң ө ү ғ.

ңғ ү ү ә ң ү . қ қ ә ң ө ғғ ү . ө ө үң ө:

  White   Red   Orange   Yellow
  Green   Blue   Purple   Black
  Aliceblue   Antiquewhite   Aqua   Aquamarine
  Azure   Beige   Bisque   Blanchedalmond
  Blueviolet   Brown   Burlywood   Cadetblue
  Chartreuse   Chocolate   Coral   Cornflowerblue
  Cornsilk   Crimson   Cyan   Darkblue
  Darkcyan   Darkgoldenrod   Darkgray   Darkgreen
  Darkkhaki   Darkmagenta   Darkolivegreen   Darkorange
  Darkorchid   Darkred   Darksalmon   Darkseagreen
  Darkslateblue   Darkslategray   Darkturquoise   Darkviolet
  Deeppink   Deepskyblue   Dimgray   Dodgerblue
  Firebrick   Floralwhite   Forestgreen   Fuschia
  Gainsboro   Ghostwhite   Gold   Goldenrod
  Gray   Greenyellow   Honeydew   Hotpink
  Indianred   Indigo   Ivory   Khaki
  Lavender   Lavenderblush   Lemonchiffon   Lightblue
  Lightcoral   Lightcyan   Lightcoldenrodyellow   Lightgreen
  Lightgray   Lightpink   Lightsalmon   Lightseagreen
  Lightskyblue   Lightslategray   Lightsteelblue   Lightyellow
  Lime   Limegreen   Linen   Magenta
  Maroon   Mediumaquamarine   Mediumblue   Mediumorchid
  Mediumpurple   Mediumseagreen   Mediumslateblue   Mediumspringgreen
  Mediumturquoise   Mediumvioletred   Midnightblue   Mintcream
  Mistyrose   Navajowhite   Navy   Oldlace
  Olive   Olivedrab   Orangered   Orchid
  Palegoldenrod   Palegreen   Paleturquoise   Palevioletred
  Papayawhip   Peachpuff   Peru   Pink
  Plum   Powderblue   Rosybrown   Royalblue
  Saddlebrown   Seagreen   Seashell   Sienna
  Silver   Skyblue   Slateblue   Slategray
  Snow   Springgreen   Steelblue   Tan
  Teal   Thistle   Tomato   Turquoise
  Violet   Wheat   Whitesmoke   Yellowgreen

 

 

Ә: 1, 54-63 ; 2, 38-46 .

1:

құ қ .

 

2:

қ ә ң ү қ .

қ 5. ѳң HTML-құңғ ң қ.

қ: HTML құң қ.

:

1 ң ққ

2 HTML

1 ң ққ .

HTML ң құң ә ө ғ әң әү қғ ұқ . ө ү ң ққ :

bold ()

italic (ғ)

mono spaced (type writer әң қ)

ѳ ң әү ү c, ә ғ.

ә
Bold <B> ұ ә </B> ұ ә
Italic <I> ұ ә ғ </I> ұ ә ғ
Mono spaced <TT> ұ ә . ә </TT> ұ ә . ә

ң қ ғ әү ө ұқ , :

<b></b> - <i> <b>!</b></i>

- !

Қ :

big (ү)

small ()

sub (ө )

sup (ғғ )

ә
Big ұ ә <BIG> ү </BIG> ұ ү
Small ұ ә <SMALL> </SMALL> ұ
Sub ұ ә <SUB> ө </SUB> ұ ө
Sup ұ ә <SUP> ғғ </SUP> ұ ә ғғ

Ә ө < FONT SIZE >

ѳ ө ә ө ө c:

< FONT SIZE =+|- n >

Ә ө 1 7- . ѳ ә ө ғ ( -3) ұ ұ ққ ү ө c.

< BASEFONT SIZE=n >

:

< p > ә
<font SIZE=+1></font><font SIZE=+2></font>
<font SIZE=+3></font><font SIZE=+4></font>
<font SIZE=+3></font><font SIZE=+2></font>
<font SIZE=+1></font></p>

ә ү < FONT SIZE >

ѳ ө ә ү ө c:

< FONT COLOR="#xxxxxx >

ү - ә ө ұқ қ ү қ RGB- ө (Red - Green - Blue). ,, қ ү - " 000000 ", қ -" FFFFFF ", ө - 0000FF ә ..

<FONT COLOR="#FF0000">
Қ </FONT>
<FONT COLOR="#00FF00">
</FONT>
<FONT COLOR="#0000FF">
ө </FONT>

Қ ө

HTML .

HTML - құң ө ұқ .

<ADDRESS> Құ ң ң ө ү қ (, e-mail).

:

<ADDRESS> - </ADDRESS>

Escape

HTML- қ ә құ қғ :

қ ұқ қ <

ң қ ұқ қ >

&

қ

қ ү, escape- .

escape-ң ү ө , &copy; ә &reg ңң ө; ң ү, HTML 2.0 ө ү.

7- қ ә ұқ ү escape-ң қ ң 2- өң .

Ә: 2, 54-63 ; 4, 38-46 .

1:

Font қ .

 

2:

қғ Font қ қ.

 

 

қ 6. HTML .

қ: WEB- ұ .

:

1 ғ ә

2 SELECT

3 ң ө

 

1 ғ ә.

ққ ә қ , WWW browser қғ өң WWW- ә ғ ұқ . WEB- ұ ө checkboxes, radiobuttons, ү , , ә ғ . GUI қ құ. Қ "" (SUBMIT құң қ ү), қ, ғ HTTP- өң ү ә қ ғ ү , қ CGI (Common Gateway Interface) ұ .

ѳ ң ә <INPUT> қ. Қ ң ғ , қ ң VALUE ө .

қ <FORM> ә </FORM> қ.

<FORM METHOD="get|post" ACTION="URL"> _____HTML</FORM>

METHOD - ғ ә. Әң қ ә ғ ү ң :

GET: ғ ә қ ө URL ң қ. CGI-ғ (CGI-) QUERY_STRING ө ү . GET ә қғ ұ.

  • POST: ә URL-ғ ү қ ә . CGI-ғ ә қ . қ ғ ; ң қғ қ ү CONTENT_LENGTH ө қ. ә қғ ұ.

ACTION

ACTION өң ү қ URL- . URL әқ қ CGI- ғғ .

<TEXTAREA> қғ ұ қ ү қ ( ә). <TEXTAREA> ң қ :

<TEXTAREA NAME="address" ROWS=10 COLS=50>

,

,

.9, 448

</TEXTAREA>

 

<TEXTAREA> ң қ әң ә қ . </TEXTAREA> ң ө ғ ң ө қ . ң ғ:

  • NAME өң
  • ROWS өң

COLS өң

ө ө қ ә қғ ң, <TEXTAREA> ә </TEXTAREA> ң қ.

<INPUT> әң ө ү қ.

:

CHECKED - CHECKBOX RADIOBUTTON ң .

MAXLENGTH ө қ қ. ұқ ң ө ң қ ү ң ұқ . SIZE қ. MAXLENGTH SIZE қ , ө . MAXLENGTH ғ ң.

  • NAME өң . өң ө ә қ.
  • SIZE ғ өң ө.
  • SRC URL (IMAGE қ).
  • TYPE өң . ұ әң ң қ ө. Қғ қ ө қ:

CHECKBOX

Қ қ ә (BOOLEAN) қ. қғ CGI-ғғ , ON OFF ә қ , ө ә.

HIDDEN

ң ө ә ғ ң ә ө ұқ . ұ ө CGI-ғғ қ қ, ID , ә қ қ ғ қ.

IMAGE

ө қ ө ғ ұқ . қң ө ң қ, ұқ CGI-ғ қ. NAME ә ү ө- ң құ: NAME ө ң ң. ө . ұ ғ - ү . ( ң ғғ ұ ), қ қ NAME өң ң. ө - . VALUE ң қ ә қ. ң SRC қ ә <IMG> ә .

PASSWORD

TEXT қ, қ ә ө.

RADIO

ә ғғ ү . құ ү TYPE="RADIO" ө құ қ. ө VALUE ң ә ү ә, қ NAME ң ә ғ . CGI-ғғ NAME=VALUE ң ә . VALUE ә қ қ ңғ () VALUE ң ә қ. RADIO өң ң ңғ қғ қ ө (NAME ) ү ғ .

RESET

қ ң қ ө ә , ү .

SUBMIT

қ ң ө CGI-ғ ( URL) қ . VALUE ө .

TEXT

өң қ ө . MAXLENGTH ә SIZE қ әң ұғ қғ ә ғ өң ө қғ қң. ( 20 қ).

VALUE - ө ә қ RADIO (RADIO ү ү қ) қғ ң ә.

ғ ң ң LISTBOX қ. ү ң ң ү ү :

Select әң ғ ң OPTION ә ң. ү ү LISTBOX қ .

  • Select single Select қ, қ ңң ү қ ө. ө , .
  • Select multiple LISTBOX- ңғ ұқ .

 

2 SELECT .

SELECT қғ ғ ә ә ңғ ү . Ә ү ө.

SELECT <SELECT> қ қ </SELECT> ң . ң ө. <SELECT> ң :

 

<FORM>

<SELECT NAME=group>

<OPTION> AT 386

<OPTION> AT 486

<OPTION> AT 586

</SELECT>

</FORM>

SELECT SINGLE

SELECT SINGLE ұ Select- ұқ, қ қ қ ң ө (ү ). ө , . қ ө ң SIZE қ. :

 

<FORM>

<SELECT SINGLE NAME=group SIZE=4>

<OPTION> AT 386

<OPTION> AT 486

<OPTION> AT 586

<OPTIONS> Pentium PRO

</SELECT>

</FORM>

 

SELECT MULTIPLE SELECT SINGLE ұқ, қ ұ қ қ ө ң . SIZE қ ө ң қ. MULTIPLE қ ңғ ң . :

 

<FORM>

<SELECT SINGLE NAME=group SIZE=4 MULTIPLE=2>

<OPTION> AT 386

<OPTION> AT 486

<OPTION> AT 586

<OPTIONS> Pentium PRO

</SELECT>

</FORM>

 

қ ә ңғ , ңғғ ә NAME=VALUE ә NAME, ә ү ә VALUE .

3 ң ө .

ққ ү ғ , қ ү қғ .

:

<FORM ENCTYPE="multipart/form-data" ACTION="url" METHOD=POST>
: <INPUT NAME="userfile" TYPE="file">
<P>
<INPUT TYPE="submit" VALUE=" ">
</FORM>

:

 

 

:

<FORM action="mailto: @ .ru?subject=" Comment from Home Page " method="post" enctype="text/plain">
<br> : <br>
<TEXTAREA type="text" NAME=" " ROWS= 5 COLS= 50 ></TEXTAREA> <br>
: <br>
<INPUT type="text" NAME=" " SIZE=" 57 "> <br>
E-mail: <br>
<INPUT type="text" name=" e-mail " size=" 52 " maxlength=" 360 "> <br>
<INPUT type="reset" VALUE= >
<INPUT type=SUBMIT VALUE= >
</FORM>

:


:

:

E-mail:

 

 

:

E-mail:

 

<INPUT> қ қ . , қ , ғ, қғқ, ғ ә ә ғ ү қ. қ ң қ қ ң ә CGI , : . type қ 8 .

  • TEXT

ә ө, қ ү қ. ұ қ . ұ , , , , әү . ң ү.

    • maxlength. ғ ұқ .
    • size. ө ұқ.
    • value. Ө қ .

: <INPUT type="TEXT" name=" Hobby " maxlength=" 35 " size=" 20 " value=" Shopping ">
:

 

  • PASSWORD

ң ұ ғ ө:

    • maxlength. ғ ұқ .
    • size. ө ұқ
    • value. Ө қ .

: <INPUT type="PASSWORD" name=" PASSWORD_BOX " maxlength=" 35 " size=" 20 ">
:

 

  • HIDDEN
    қ ғ . Қ ө, қ ү . CGI ң ө, қ қғ ү қ, , ө. ұ қң ұ ң, қ құ. , HTML ғ ү қ.
    <INPUT type="HIDDEN" name=" file " value=" anyfile.html ">
  • CHECKBOX
    қғ қ ү : /қ /ғ ү/ ә ғ қ. құ ү . ң ү:
    • checked. ң қ .
    • value. Ө , қ .

: <INPUT type="checkbox" name=" send_mail " value=" ye



<== | ==>
 | ;
:


: 2018-10-15; !; : 160 |


:

:

: , .
==> ...

1729 - | 1690 -


© 2015-2024 lektsii.org - -

: 0.436 .